百度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}));  //右上角，仅包括平移和缩放button

map.addControl(new BMap.NavigationControl({anchor: BMAP_ANCHOR_BOTTOM_LEFT, type: BMAP_NAVIGATION_CONTROL_PAN}));  //左下角，仅包括平移button

map.addControl(new BMap.NavigationControl({anchor: BMAP_ANCHOR_BOTTOM_RIGHT, type: BMAP_NAVIGATION_CONTROL_ZOOM}));  //右下角，仅包括缩放button

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相关点的更多相关文章

  1. 网页百度地图API相关资料

    百度地图API——网页URI接口.手机网页点击直接导航:js生成一个地图网页 或 直接跳转到百度导航界面 http://developer.baidu.com/map/index.php?title= ...

  2. java调用百度地图API依据地理位置中文获取经纬度

    百度地图api提供了非常多地图相关的免费接口,有利于地理位置相关的开发,百度地图api首页:http://developer.baidu.com/map/. 博主使用过依据地理依据地理位置中文获取经纬 ...

  3. 百度地图API示例之添加定位相关控件

    代码 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" cont ...

  4. 百度地图API简单应用

    在做移动端应用时经常用到百度地图API,百度API有强大的示例和文档,开发之前去百度相关网站注册密钥,很块博主只花了几分钟 百度地图API范例 百度地图API文档说明 例子1:输入特定关键字绘制地图标 ...

  5. Winform实现用多线程、百度地图API解析某公司的物理地址

    前言 作为一个很挫的C#新手总喜欢自己写点儿不着边际的东西,本人是个新手加菜鸟,写B/S的,工作中,任务完成了,空闲下来,总想继续学点儿什么,由此触发了本篇文章了.个人一直认为,.NET中,C/S所要 ...

  6. 百度地图API的IP定位城市和浏览器定位（转）

    百度地图API提供了Geolocation 和 LocalCity两个服务类. 这俩API可以分别供用户在JavaScript中进行定位和城市确认. 1 本质上,Geolocation这个类是使用了支 ...

  7. 如何在网页中调用百度地图api

    我想在木有提供地图接口的年代,前端工程师门要么只写上企业的具体地址,要么就是用一张标有自己位置的地图图片.但是现在不一样啦!为了增强用户体验,谷歌,甚至百度都很开放了,你可以在他们的网站上找到地图接口 ...

  8. 百度地图API使用方法详解

    最近做了个项目,其中项目中有个需求需要用到百度地图进行导航,通过查阅相关资料参考百度地图api完成了一个例子. API地址:http://developer.baidu.com/map/jsdemo. ...

  9. 百度地图 api 功能封装类 (ZMap.js) 本地搜索,范围查找实例 [源码下载]

    相关说明 1. 界面查看: 吐槽贴:百度地图 api 封装 的实用功能 [源码下载] 2. 功能说明: 百度地图整合功能分享修正版[ZMap.js] 实例源码! ZMap.js 本类方法功能大多使用 ...

随机推荐

  1. 团队 / Staff_VidaMiaTangoClub_新浪博客

    团队 / Staff_VidaMiaTangoClub_新浪博客 团队 / Staff

  2. iOS无处不在详解iOS集成第三方登录（SSO授权登录无需密码）

    链接地址:http://www.it165.net/pro/html/201408/18884.html 1.前言 不多说,第三登录无处不在!必备技能,今天以新浪微博为例. 这是上次写的iOS第三方社 ...

  3. Windows Azure入门教学系列 (一): 创建第一个WebRole程序

    原文 Windows Azure入门教学系列 (一): 创建第一个WebRole程序 在第一篇教学中,我们将学习如何在Visual Studio 2008 SP1中创建一个WebRole程序(C#语言 ...

  4. maven生成war包的两种方式

    war包即对WEB应用程序进行打包,用于应用容器的部署.如在jboss中只要把war包丢入deploy目录下即可发布自己的应用了.打包方式有很多中,很多工具本身就支持此功能.下面主要介绍通过maven ...

  5. 1.1-学习Opencv与MFC混合编程之---利用画图函数，生成视频，并写入视频文件

    源代码地址:http://download.csdn.net/detail/nuptboyzhb/3961674 写视频文件 Ø 新建菜单项,Learning OpenCV——> OpenCVr ...

  6. 【Demo 0009】Android 组件(BroadcastReceiver)

    本章学习要点:        1.  了解Broadcast的作用;        2.  掌握自定义广播和系统广播的接收:        3.  掌握广播的发送:

  7. POJ 2594 Treasure Exploration（最小路径覆盖变形）

    POJ 2594 Treasure Exploration 题目链接 题意:有向无环图,求最少多少条路径能够覆盖整个图,点能够反复走 思路:和普通的最小路径覆盖不同的是,点能够反复走,那么事实上仅仅要 ...

  8. poj1860 解题报告

    题意:这里有N种货币,分别记为1~N,有M种货币交换的方式,每一种方式有A,B两种钱币,有RAB, CAB, RBA and CBA,四个数,表示交换率, Nick手上有其中的一种货币S,货币S的钱数 ...

  9. 恭喜我开通了CSDN博客

    准备在这里写点东西,记录我的学习过程....

  10. 从response.header中提取cookie,在request里添加cookie

    //        List<String> resp = new ArrayList<String>();  //        HeaderIterator headers ...