地图标注(乡村游景点地图标注显示)

<?php

$dbhost = ‘localhost‘;
$dbuser = ‘xcy_dzsw‘; //我的用户名
$dbpass = ‘xcy_dzsw‘; //我的密码
$dbname = ‘xcy_dzsw‘; //我的mysql库名
$connect = mysql_connect($dbhost,$dbuser,$dbpass,$dbname);
/*
if ($connect) {
echo "非常好,成功了!";
} else {
echo "不好意思,失败了!";
}

*/
mysql_query("SET CHARACTER SET UTF8");//转码utf-8
mysql_select_db("xcy_dzsw", $connect);
$result = mysql_query("SELECT * FROM joy_user_detail");
?>

<!DOCTYPE html>
<html>

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta name="keywords" content="天地图"/>
<title>电子商务乡村游</title>
<script type="text/javascript" src="http://api.tianditu.com/js/maps.js"></script>

<script>
var map;
var zoom =11;
function onLoad()
{
//初始化地图对象
map=new TMap("mapDiv");
//设置显示地图的中心点和级别
map.centerAndZoom(new TLngLat(114.3162425771,30.3779623154),zoom);
//允许鼠标滚轮缩放地图
map.enableHandleMouseScroll();

//var marker = new TMarker(new TLngLat(114.4124903640,30.3492432973));
//map.addOverLay(marker);

//循环读点,并放进地图里
<?php

$i=0;
while($row = mysql_fetch_array($result)){
$i++;
$address = $row[‘map_zb‘];
$jingdu = strtok ( $address, ‘,‘ );
$weidu = ltrim(strstr ( $address, ‘,‘ ), ",");
echo "var marker".$i." = new TMarker(new TLngLat(".$jingdu.",".$weidu."));map.addOverLay(marker".$i.");";
echo "var config".$i." = {text:\"<a href=‘http://xcy.365960.com/house.php?id=".$row[‘id‘]."&str=njl‘ target=‘_blank‘>".$row[‘subname‘]."</a>\",offset:new TPixel(0,0),position:new TLngLat(".$jingdu.",".$weidu.")};var label".$i."=new TLabel(config".$i."); map.addOverLay(label".$i."); ";
}

?>

}
</script>
</head>
<body onLoad="onLoad()">

<div id="mapDiv" style="position:absolute;width:100%; height:500px"></div>
</body>
</html>

时间: 2024-10-19 12:18:57

地图标注(乡村游景点地图标注显示)的相关文章

关于运用高德地图api,并在api上显示标注的小应用

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>自定义点标记图标</title> <link rel="stylesheet" type="text/css" href="http

百度地图 自定义结果面板+分页+图层标注(标注点+搜索)

示例一: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <script type="text/java

【百度地图API】建立全国银行位置查询系统(四)——如何利用百度地图的数据生成自己的标注

原文:[百度地图API]建立全国银行位置查询系统(四)--如何利用百度地图的数据生成自己的标注 摘要: 上一章留个悬念,"如果自己没有地理坐标的数据库,应该怎样制作银行的分布地图呢?" 答案就是,利用百度地图上的数据. ---------------------------------------------------------------------------------------------- 我们不用花大把时间写代码去跑数据,只需要利用百度地图API提供的免费接口,就可以

百度地图循环添加标注,并循环为标注添加信息窗口问题解决

原文:百度地图循环添加标注,并循环为标注添加信息窗口问题解决 最近几年在搞地图方面的开发,主要是循环为坐标添加标注并为标注添加弹出信息窗口,起初我的代码如下: var map = new BMap.Map("Mapcontainer"); var JsonObj = eval(JsonStr); if (JsonObj != null) { for (var i = 0; i < JsonObj.length; i++) { var point = new BMap.Point(

【百度地图API1.1】修改文本标注的样式

原文:[百度地图API1.1]修改文本标注的样式 百度地图API1.0中文本标注的样式写法为: label.getDom().style.borderColor = "#808080"; label.getDom().style.color = "#333"; label.getDom().style.cursor = "pointer"; 2010年12月,百度地图API升级至1.1版本,文本标注的样式写法需要修改为:(否则将会导致鼠标点击失灵

【百度地图API】如何在地图上添加标注?——另有:坐标拾取工具+打车费用接口介绍

原文:[百度地图API]如何在地图上添加标注?--另有:坐标拾取工具+打车费用接口介绍 摘要: 在这篇文章中,你将学会,如何利用百度地图API进行标注.如何使用API新增的打车费用接口. ------------------------------------------------------------------------------------------------------- 哇,好久没有上来了.主要是因为最近工作繁忙,加上休息时间被各种排练.社团活动占满,导致木有更新此博客.

【百度地图API】你看过房产地图吗?你知道房产标注是如何建立的吗?

原文:[百度地图API]你看过房产地图吗?你知道房产标注是如何建立的吗? 你是不是看过很多房产网站?例如安居客,新浪乐居. 你是不是也想做一个能写文字的标注? 你知道怎么去实现麼? 其实,上图这样的标注是一个“自定义覆盖物”.你可以任意指定它的样式,文字,图片等等. 首先,我需要初始化地图: var mp = new BMap.Map("map_container");var point = new BMap.Point(116.3964,39.9093);mp.centerAndZo

(六)WebGIS中地图瓦片在Canvas上的拼接显示原理

1.前言 在之前的五个章节中,我们在第一章节里介绍了WebGIS的基本框架和技术,第二章节里介绍了什么是瓦片行列号以及计算它的原因,第三章节里介绍了如何通过地理范围计算出这个范围内瓦片的行列号,第四和第五章节里介绍了在得到瓦片行列号后如何获得离线和在线地图的URL,这个章节里,我们将介绍在通过URL得到瓦片后,如何将其显示在浏览器相对应的地方,拼接出整块地图. 2.左上角瓦片起始点屏幕坐标的计算 在第三章节中,我介绍了对于左上角瓦片起始点屏幕坐标的换算原理和方法,这里我再次给出这个公式: off

隐藏后重新显示 百度地图 ,地图显示不完整,只显示左上角一小部分

问题描述:我一个DIV1里,放了一个显示百度地图的mapDiv. 问题出现 了, 当初始化(第一次显示DIV1)时 ,可以 正常显示 地图, 当隐藏后 再 显示 时, 地图就 出错了,地图显示不完整,只显示左上角一小部分. jsp代码: <!-- 显示地图,获取经纬度    start --> <div id="mapModel" class="modal  fade " tabindex="-1" role="dia