您的位置:首页 > 其它

百度地图api

2015-07-28 16:31 162 查看
引入js

<scripttype="text/javascript"src="http://api.map.baidu.com/api?v=2.0&ak=F2b7da9b79e6a33c4b927285590eef97"></script>
<scripttype="text/javascript"src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>//谷歌坐标转百度

常用控件

Control:控件的抽象基类,所有控件均继承此类的方法、属性。通过此类您可实现自定义控件。

NavigationControl:地图平移缩放控件,PC端默认位于地图左上方,它包含控制地图的平移和缩放的功能。移动端提供缩放控件,默认位于地图右下方。

OverviewMapControl:缩略地图控件,默认位于地图右下方,是一个可折叠的缩略地图。

ScaleControl:比例尺控件,默认位于地图左下方,显示地图的比例关系。

MapTypeControl:地图类型控件,默认位于地图右上方。

CopyrightControl:版权控件,默认位于地图左下方。

GeolocationControl:定位控件,针对移动端开发,默认位于地图左下方。

控件添加方法:
varmap=newBMap.Map("container");
map.centerAndZoom(newBMap.Point(116.404,39.915),11);
map.addControl(newBMap.NavigationControl());

1.varmp=newBMap.Map('map');

mp.centerAndZoom(newBMap.Point(121.491,31.233),11);//设置中心点以及缩放大小

2.varmap=newBMap.Map("container");

varpoint=newBMap.Point(116.404,39.915);

map.centerAndZoom(point,15);

varmarker=newBMap.Marker(point);//创建标注

map.addOverlay(marker);//将标注添加到地图中

3.

map.addEventListener("click",function(){
alert("您点击了地图。");
});//监听事件通过监听事件还可以捕获事件触发后的状态。

map.removeEventListener("click",showInfo);//移除监听事件

4.地图坐标转换

//百度地图API功能
//谷歌坐标
varx=116.32715863448607;
vary=39.990912172420714;
varggPoint=newBMap.Point(x,y);

//地图初始化
varbm=newBMap.Map("allmap");
bm.centerAndZoom(ggPoint,15);
bm.addControl(newBMap.NavigationControl());

//坐标转换完之后的回调函数
translateCallback=function(point){
varmarker=newBMap.Marker(point);
bm.addOverlay(marker);
varlabel=newBMap.Label("我是百度标注哦",{offset:newBMap.Size(20,5)});
marker.setLabel(label);//添加百度label
bm.setCenter(point);
}
BMap.Convertor.translate(ggPoint,2,translateCallback);//GCJ-02坐标转成百度

5..http://developer.baidu.com/map/jsdemo.htm#a6_1//baidudemo


                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: