<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script src="http://api.map.baidu.com/api?v=1.3" type="text/javascript"></script>
<script type="text/javascript">
var map;
function initialize(){
map=new BMap.Map("container");
var point=new BMap.Point(114.080229,22.541693);
map.centerAndZoom(point,15);
map.addControl(new BMap.NavigationControl());
map.addControl(new BMap.ScaleControl());
map.addControl(new BMap.OverviewMapControl());
map.addControl(new BMap.MapTypeControl());
//创建标注
//var marker=new BMap.Marker(point);
//map.addOverlay(marker);
var bounds=map.getBounds();
var lngSpan=bounds.maxX-bounds.minX;
var latSpan=bounds.maxY-bounds.minY;
var gpsdatas = beaches.split("||");
alert(gpsdatas.length);
for(var i=0;i<gpsdatas.length;i++){
var beach = gpsdatas[i].split("`");
var point=new BMap.Point(beach[1],beach[0]);
addMarker(point,i);
}
}
var beaches = "22.541693`114.080229||22.541693`114.080229||22.546529`114.041519||22.542327`114.106278";
var opts={
width:250,//信息窗口宽度height:100,//信息窗口高度
title:"他(她)的位置信息是:"//信息窗口标题
}
//编写自定义函数,创建标注
function addMarker(point,index){
//创建图标对象
//var myIcon=new BMap.Icon("girl.gif",new BMap.Size(50,68),{
//指定定位位置。
//当标注显示在地图上时,其所指向的地理位置距离图标左上
//角各偏移10像素和25像素。您可以看到在本例中该位置即是
//图标中央下端的尖角位置。
//offset:new BMap.Size(10,25),
//设置图片偏移。
//当您需要从一幅较大的图片中截取某部分作为标注图标时,您
//需要指定大图的偏移位置,此做法与css sprites技术类似。
// imageOffset:new BMap.Size(0,0-index*25)//设置图片偏移
//});
//创建标注对象并添加到地图,{icon:myIcon}
var infoWindow=new BMap.InfoWindow("World",opts);//创建信息窗口对象
var marker=new BMap.Marker(point);
map.addOverlay(marker);
marker.addEventListener("click",function(){
map.openInfoWindow(infoWindow,point);//打开信息窗口
});
}
</script>
</head>
<body onload="initialize()">
<div id="container"style="width:1000px;height:500px;border:1px solid red"></div>
</body>
</html>
将的源码拷到自己电脑并改html文件就可以看到,如果需要与后台交互定位信息,则需要自己改改就行了,下面是效果图
- 大小: 75.5 KB
分享到:
相关推荐
点击一个按钮“长沙市” 进去 希望在地图上显示出...标注可以循环添加多个 但是 那个弹出框却永远都是一个 也就是说 不管点击哪个标注 弹出的都是一个弹出框 显示的内容都是一样的。 给出这个问题的最终解决办法!!
百度地图点击标注,弹出窗口
百度地图点击标注,弹出窗口
插件描述:运用jq在百度地图上添加,api多个标注点添加百度样式检索窗口.
百度地图定位,覆盖物demo
traceDraw.jsp画给定点的运动轨迹,personTraceMap.jsp根据位置数组画运动轨迹。person.png为自行准备的图标
实现了百度地图自定义标注,标注可以定义自己想要的图片。达到了和百度marker点击后弹出信息窗口的效果,里面有例子,和相应的图片共大家学习。
百度地图的添加标注工具类,对外开放。 允许用户在地图上点击后添加一个点标注,允许用户设定标注的图标样式。 主入口类是MarkerTool, 基于Baidu Map API 1.2。
百度地图点击标注,弹出窗口.7z
Android百度地图点击标注,弹出窗口源码.zip
百度地图API显示多个标注点,并添加百度样式检索窗口
安卓开发-百度地图点击标注,弹出窗口.zip
Android应用源码之百度地图点击标注,弹出窗口
安卓Android源码——百度地图点击标注,弹出窗口.zip
安卓Android源码——百度地图点击标注,弹出窗口.rar