基于PHP与百度地图API的多点标注示例-优快云博客

本文链接：https://blog.youkuaiyun.com/sunrise_2013/article/details/38680575

百度API接口：http://developer.baidu.com/map/jsdemo.htm#a1_1

百度地图API详解之地图标注：http://www.cnblogs.com/jz1108/archive/2011/09/15/2152122.html

【百度地图API】自行获取区域经纬度的工具：http://www.cnblogs.com/milkmap/archive/2012/02/23/2365064.html

酸奶小妹地图系统博客：http://www.cnblogs.com/milkmap/archive/2012/04/11/2442430.html

<?php
header("Content-Type:text/html;charset=utf-8");
require_once("../db_config.php");
?>
<?php
	$sql = "SELECT * FROM  `RetailersInfoTable` ";
	$query = mysql_query($sql);
	$location=NULL;
	$clat=0;
	$clng=0;
	$i = 0;
	if(mysql_num_rows($query))
	{
		while($row=mysql_fetch_array($query))
		{
			$i++;
			$location[]=array(
								"Longitude"=>$row["Longitude"],
								"Latitude"=>$row["Latitude"],
								"name"=>$row["RetailersName"],
								"kpname"=>$row["RetailersKP"],
								"kpphone"=>$row["RetailersLeaderPhone"],
								"rid"=>$row["RID"],
								"retailersid"=>$row["RetailersID"],
							);
			$clat+=$row["Latitude"];
			$clng+=$row["Longitude"];
		}
		 $clat = $clat/$i;   //平均所有点，以得出初始化定位点
		 $clng = $clng/$i;
	}
?>

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<title>画弧线</title>
<link href="../images/css.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=*****************"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/CurveLine/1.5/src/CurveLine.min.js"></script>
<style type="text/css">
    html,body{
        width:100%;
        height:100%;
        margin:0;
        overflow:hidden;
    }
</style>

</head>
<body>
<div style="width:100%;height:100%;border:1px solid gray" id="container">
</div>
</body>
</html>
<script type="text/javascript">

// 百度地图API功能
var map = new BMap.Map("container");
map.centerAndZoom(new BMap.Point(<?php echo $clng?>,<?php echo $clat?>), 13);
map.addControl(new BMap.NavigationControl());  //添加默认缩放平移控件
map.addControl(new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_RIGHT, type: BMAP_NAVIGATION_CONTROL_SMALL}));  //右上角，仅包含平移和缩放按钮
map.addControl(new BMap.NavigationControl({anchor: BMAP_ANCHOR_BOTTOM_LEFT, type: BMAP_NAVIGATION_CONTROL_PAN}));  //左下角，仅包含平移按钮
map.addControl(new BMap.NavigationControl({anchor: BMAP_ANCHOR_BOTTOM_RIGHT, type: BMAP_NAVIGATION_CONTROL_ZOOM}));  //右下角，仅包含缩放按钮
map.enableScrollWheelZoom();    //启用滚轮放大缩小，默认禁用
map.enableContinuousZoom();    //启用地图惯性拖拽，默认禁用
//var points = [p1,p3, p2,p4];
			
<?php
//标注的定位点（anchor）,infoWindowAnchor属性，它是用来控制信息窗口开启的位置
	foreach($location as $k => $value)
	{
	?>
			var mPoint = new BMap.Point(<?php echo $value["Longitude"]; ?>, <?php echo $value["Latitude"]; ?>);	
			var myIcon = new BMap.Icon("1.png", new BMap.Size(39,39), {
							anchor: new BMap.Size(20, 30),
							infoWindowAnchor: new BMap.Size(20, 0)
						});
			var marker = new BMap.Marker(mPoint,{icon:myIcon});  // 创建标注
			map.addOverlay(marker);              // 将标注添加到地图中
			

			var infoWindow<?php echo $k;?> = new BMap.InfoWindow("<?php 
			echo '网点名称：'.$value["name"]; 
			echo '</br>'; 
			echo '联系人：'.$value["kpname"];
			echo '</br>';
			echo '联系电话：'.$value["kpphone"];
			echo '</br>';
			echo '<a href=../partner/RetailersVisitRecord.php?id='.$value['rid'].'>拜访记录  </a>';
			echo '';
			echo '<a href=../retailer/showsalesorder.php?id='.$value['retailersid'].'>  历史销售订单</a>';
			
			;?>");
				
			marker.addEventListener("mouseover", function(){this.openInfoWindow(infoWindow<?php echo $k;?>);});	
	<?php
	}
	?>
		
</script>

百度地图API相关点