百度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

  1. <?php
  2. header("Content-Type:text/html;charset=utf-8");
  3. require_once("../db_config.php");
  4. ?>
  5. <?php
  6. 	$sql = "SELECT * FROM  `RetailersInfoTable` ";
  7. 	$query = mysql_query($sql);
  8. 	$location=NULL;
  9. 	$clat=0;
  10. 	$clng=0;
  11. 	$i = 0;
  12. 	if(mysql_num_rows($query))
  13. 	{
  14. 		while($row=mysql_fetch_array($query))
  15. 		{
  16. 			$i++;
  17. 			$location[]=array(
  18. 								"Longitude"=>$row["Longitude"],
  19. 								"Latitude"=>$row["Latitude"],
  20. 								"name"=>$row["RetailersName"],
  21. 								"kpname"=>$row["RetailersKP"],
  22. 								"kpphone"=>$row["RetailersLeaderPhone"],
  23. 								"rid"=>$row["RID"],
  24. 								"retailersid"=>$row["RetailersID"],
  25. 							);
  26. 			$clat+=$row["Latitude"];
  27. 			$clng+=$row["Longitude"];
  28. 		}
  29. 		 $clat = $clat/$i;   //平均全部点，以得出初始化定位点
  30. 		 $clng = $clng/$i;
  31. 	}
  32. ?>
  33.  
  34. <!DOCTYPE html>
  35. <html>
  36. <head>
  37. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  38. <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
  39. <title>画弧线</title>
  40. <link href="../images/css.css" rel="stylesheet" type="text/css">
  41. <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=*****************"></script>
  42. <script type="text/javascript" src="http://api.map.baidu.com/library/CurveLine/1.5/src/CurveLine.min.js"></script>
  43. <style type="text/css">
  44.     html,body{
  45.         width:100%;
  46.         height:100%;
  47.         margin:0;
  48.         overflow:hidden;
  49.     }
  50. </style>
  51.  
  52. </head>
  53. <body>
  54. <div style="width:100%;height:100%;border:1px solid gray" id="container">
  55. </div>
  56. </body>
  57. </html>
  58. <script type="text/javascript">
  59.  
  60. // 百度地图API功能
  61. var map = new BMap.Map("container");
  62. map.centerAndZoom(new BMap.Point(<?php echo $clng?>,<?php echo $clat?>), 13);
  63. map.addControl(new BMap.NavigationControl());  //加入默认缩放平移控件
  64. map.addControl(new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_RIGHT, type: BMAP_NAVIGATION_CONTROL_SMALL}));  //右上角，仅包括平移和缩放button
  65. map.addControl(new BMap.NavigationControl({anchor: BMAP_ANCHOR_BOTTOM_LEFT, type: BMAP_NAVIGATION_CONTROL_PAN}));  //左下角，仅包括平移button
  66. map.addControl(new BMap.NavigationControl({anchor: BMAP_ANCHOR_BOTTOM_RIGHT, type: BMAP_NAVIGATION_CONTROL_ZOOM}));  //右下角，仅包括缩放button
  67. map.enableScrollWheelZoom();    //启用滚轮放大缩小，默认禁用
  68. map.enableContinuousZoom();    //启用地图惯性拖拽，默认禁用
  69. //var points = [p1,p3, p2,p4];
  70.  
  71. <?php
  72. //标注的定位点（anchor）,infoWindowAnchor属性，它是用来控制信息窗体开启的位置
  73. 	foreach($location as $k => $value)
  74. 	{
  75. 	?>
  76. 			var mPoint = new BMap.Point(<?php echo $value["Longitude"]; ?>, <?php echo $value["Latitude"]; ?>);
  77. 			var myIcon = new BMap.Icon("1.png", new BMap.Size(39,39), {
  78. 							anchor: new BMap.Size(20, 30),
  79. 							infoWindowAnchor: new BMap.Size(20, 0)
  80. 						});
  81. 			var marker = new BMap.Marker(mPoint,{icon:myIcon});  // 创建标注
  82. 			map.addOverlay(marker);              // 将标注加入到地图中
  83.  
  84. 			var infoWindow<?php echo $k;?> = new BMap.InfoWindow("<?php
  85. 			echo '网点名称：'.$value["name"];
  86. 			echo '</br>';
  87. 			echo '联系人：'.$value["kpname"];
  88. 			echo '</br>';
  89. 			echo '联系电话：'.$value["kpphone"];
  90. 			echo '</br>';
  91. 			echo '<a href=../partner/RetailersVisitRecord.php?id='.$value['rid'].'>拜訪记录  </a>';
  92. 			echo '';
  93. 			echo '<a href=../retailer/showsalesorder.php?id='.$value['retailersid'].'>  历史销售订单</a>';
  94.  
  95. 			;?>");
  96.  
  97. 			marker.addEventListener("mouseover", function(){this.openInfoWindow(infoWindow<?php echo $k;?>);});
  98. 	<?php
  99. 	}
  100. 	?>
  101.  
  102. </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. ARMv8 Linux内核head.S源码分析

    ARMv8Linux内核head.S主要工作内容: 1. 从el2特权级退回到el1 2. 确认处理器类型 3. 计算内核镜像的起始物理地址及物理地址与虚拟地址之间的偏移 4. 验证设备树的地址是否有 ...

  2. DOM API

    documentObject.documentElement 返回文档的根节点 document.documentElement; //返回<HTML><HTML>

  3. google浙大招聘笔试题 师兄只能帮你到这儿了

    google浙大招聘笔试题 一.单选1.80x86中,十进制数-3用16位二进制数表示为?00100002.假定符号-.*.$分别代表减法.乘法和指数运算,且 1)三个运算符优先级顺序是:-最高,*其 ...

  4. JavaScript 进阶（二）变量作用域

    局部变量陷阱 先看一段代码: function foo() { var a = "hello" b = "world" return a + b; } 这个函数 ...

  5. Cocos2d-x 学习（1）—— 通过Cocos Studio创建第一个Demo

    近期在工作上有了比較大的转变,自学情绪也慢慢高涨,本来一直在研究unity的技术.由于换了工作会開始接触cocos2d-x.但并不意味着停止研究unity,以后有时间还是会继续的. 公司的cocos2 ...

  6. asp.net ajax检查用户名是否存在代码

    原文  asp.net ajax检查用户名是否存在代码 用户注册时,我们经常需要检查用户名是否存在,本文就是实现无刷新验证用户名 打开开发环境VS 2005,新建项目(或打开现有项目),新建一个Web ...

  7. java中完美打包

    前言: 我们都知道Java可以将二进制程序打包成可执行jar文件,双击这个jar和双击exe效果是一样一样的,但感觉还是不同.其实将java程序打包成exe也需要这个可执行jar文件. 准备: ecl ...

  8. 源代码编译lamp环境

    没有办法用 rpm查询一个源代码包是否安装 因为 并不是用rpm安装的 可以先吧 selinux 给禁用掉  iptables -F 把防火墙规则全部删除 首先确保 gcc  gcc-c++   ma ...

  9. Oracle rank和dense_rank排名函数

    1.rank函数 rank计算一组值的排名,返回数字类型.排名可能是不连续.如果有5人,其中有2个人排名第一,则rank返回的排名结果为:1 1 3 4 5. 作为一个聚合函数,返回虚拟行在样表中的排 ...

  10. Delphi XE7 用indy开发微信公众平台所有功能（10篇博客）

    http://www.cnblogs.com/devinlee/p/4282498.html http://www.cnblogs.com/devinlee/p/4565933.html