百度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. One simple health check for oracle with sql

    There are some sqls which is used for check the oracle database's health condition. ------numbers of ...

  2. 如何使用NArrange进行代码优化

    Narrange是一个.NET代码管理工具.它可以对源代码自动进行美化和把类成员分成一个组.区域.目前支持C#.VB.NET,将来会支持更多.NET上的语言. 主要的作用是: ◆ 减少程序员的开发时间 ...

  3. 【UML九种图系列】之如何利用三层来绘制类图、时序图？

    UML并发视图:实体之间行为的交互,是动态.分为:时序图.协作图.状态图.活动图 一.时序图简述: 时序图(Sequence Diagram):描述对象之间的交互行为,按照时间顺序排列. 元素: 角色 ...

  4. static作用

    C程序一直由下列部分组成:      1)正文段——CPU运行的机器指令部分:一个程序仅仅有一个副本:仅仅读,防止程序因为意外事故而改动自身指令:      2)初始化数据段(数据段)——在程序中全部 ...

  5. iOS开发技巧 -- 复用代码片段

    如果你是一位开发人员在开发过程中会发现有些代码无论是在同一个工程中还是在不同工程中使用率会很高,有经验的人会直接封装在一个类里,或者写成一个宏定义或者把这些代码收集起来,下次直接使用,或者放到xcod ...

  6. 使用高德地图API

    http://lbs.amap.com/smart/map/developer/mode/ 简单的附上一张图,其实能做得比这个更强大.

  7. cp命令的实现

    #include <unistd.h> #include <fcntl.h> #include <stdlib.h> #define BUFFERSIZE 4096 ...

  8. 动态规划-hdoj-4832-百度之星2014初赛第二场

    Chess Problem Description 小度和小良近期又迷上了下棋.棋盘一共同拥有N行M列,我们能够把左上角的格子定为(1,1),右下角的格子定为(N,M).在他们的规则中,"王 ...

  9. Linux通配符摘要

    参考<鸟哥linux私房菜> * - 通配符,代表随机字符(0对于许多) ? - 通配符,它代表一个字符 # - 凝视 / - 跳转符号,将特殊字符或通配符还原成一般符号 | - 分隔两个 ...

  10. MP3文件的结构与编程

    有一个朋友喜欢听MP3,为了获取MP3,写了一个程序,专门从一家音乐网站上搜索下载mp3,一下子下载了有上千首.这时朋友又犯愁了,这些MP3的歌曲名字都是使用1,2,3,4,..等数字命名,挑选起来十 ...