百度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. B树的实现与源代码二（删除源代码）

    int BTreeMaximum( BNode *x ) { if ( x->leaf ) { return x->key[x->size - 1]; } else { return ...

  2. 【每日一摩斯】-Troubleshooting: High CPU Utilization (164768.1) - 系列5

    Oracle(用户)进程 以下这些操作都是需要消耗大量CPU资源的:解析大型查询,存储过程编译或执行,空间管理和排序. 下面这几篇文章可以帮助采集关于使用高CPU资源的进程的更多信息: Note:35 ...

  3. Android 它们的定义View视图

    创建一个新视图将满足我们独特UI需求. 本文介绍的发展将指南针罗盘接口使用UI,通过继承View定义自己的视图类工具,为了深入了解自己的自定义视图. 实现效果图: 源码: 布局文件activity_m ...

  4. gcc configure: error: Building GCC requires GMP 4.2+, MPFR 2.3.1+ and MPC 0.8.0

    从svn checkout svn://gcc.gnu.org/svn/gcc/trunk拿了GCC的最新代码,打算编译了学东西习学习C++ 11的东西,结果在configure的时候出现例如以下问题 ...

  5. ASP.NET、WinForm、C# - 配置文件信息读取 [ Web.config || Appconfig ]

    <configuration> <appSettings> <add key="name" value="HF_Ultrastrong&qu ...

  6. php调用dll

    http://download.csdn.net/detail/pinghe2005/5108556

  7. PHP学习之-正则表达式

    PHP学习之-正则表达式 1.什么是正则表达式 正则表达式是对字符串处理额一种逻辑公式,就是用特定的字符串组合成一个规则的字符串,称之为正则匹配模式 $p = '/apple/'; $str = '' ...

  8. 看到关于socket非阻塞模式设置方式记录一下。

    关于socket的阻塞与非阻塞模式以及它们之间的优缺点,这已经没什么可言的:我打个很简单的比方,如果你调用socket send函数时: 如果是阻塞模式下: send先比较待发送数据的长度len和套接 ...

  9. 9、Cocos2dx 3.0游戏开发三查找值小工厂方法模式和对象

    重开发人员的劳动成果,转载的时候请务必注明出处:http://blog.csdn.net/haomengzhu/article/details/27704153 工厂方法模式 工厂方法是程序设计中一个 ...

  10. Mac 修改Host 绑定host

    Mac 系统下 ,修改Host 文件: 打开命令行终端 输入 sudo vi /etc/hosts 之后回车确认,进入vi 编辑界面(进行vi编辑操作,之后保存就行了) 版权声明:本文为博主原创文章, ...