百度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. 关于PEER - PEER毅恒挚友 - Powered by Discuz!

    关于PEER - PEER毅恒挚友 - Powered by Discuz! PEER Experience Exchange Rostrum(PEER)由海外中国留学生和中国知名高校学生组成,服务中 ...

  2. [poj 1904]King's Quest[Tarjan强连通分量]

    题意:(当时没看懂...) N个王子和N个女孩, 每个王子喜欢若干女孩. 给出每个王子喜欢的女孩编号, 再给出一种王子和女孩的完美匹配. 求每个王子分别可以和那些女孩结婚可以满足最终每个王子都能找到一 ...

  3. 1030 - Image Is Everything

    Your new company is building a robot that can hold small lightweight objects. The robot will have th ...

  4. 立波 iphone3gs越狱教程:成功把iphone3gs手机升级成ios6.1.3系统,完美越狱,解决no service和耗电量大的问题

    前几天,老婆使用的iphone3gs摔地了,把手机里的连接电源的那个神马线给搞坏了,结果花了200多块大洋修好了: 修好后,老婆抱怨道:5年了,这手机好多软件都装不上,说手机版本号太低了, 我就说凑合 ...

  5. linux内核中send与recv函数详解

    Linux send与recv函数详解 1.简介 #include <sys/socket.h> ssize_t recv(int sockfd, void *buff, size_t n ...

  6. ANDROID自定义视图——onMeasure流程，MeasureSpec详解

    简介: 在自定义view的时候,其实很简单,只需要知道3步骤: 1.测量——onMeasure():决定View的大小 2.布局——onLayout():决定View在ViewGroup中的位置 3. ...

  7. UML之九图概述

    最近看了UML的九种图的讲解,这九种图在我们以后的学习中起着举足轻重的作用,不管是在写文档,还是在对系统的需求.设计进行分析时,都很重要,所以首先做一下概述,希望能和大家分享. 首先和大家展示一下我对 ...

  8. Mac AppStore 登陆提示 未知错误

    Mac Book 登陆的时候提示未知错误,刚开始以为是需要内建网卡后来才得知: 如果是黑苹果,或者是网卡没有对应上的,需要内建网卡 mac 系统默认的是无线网卡en0 其他都网卡 以此类推 如果是ma ...

  9. 发掘ListBox的潜力（二）：鼠标拖放插入点提示

    鼠标拖放插入点提示 鼠标拖放是Windows常见的操作,比如拷贝文件就可用拖放方式进行.在我们编写的应用程序中,有时为了方便用户操作需要支持鼠标拖放.对于大部分的VCL控件只要鼠标将DragMode设 ...

  10. 发掘ListBox的潜力（一）：自动调整横向滚动条宽度

    <自绘ListBox的两种效果>一文帖出之后,从反馈信息来看,大家对这种小技巧还是很认同.接下来我将继续围绕ListBox写一系列的文章,进一步发掘ListBox的潜力,其中包括:自动调整 ...