百度地图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:定位控件,针对移动端开发,默认位于地图左下方。
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.
//百度地图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坐标转成百度
<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
相关文章推荐
- hdu 1241 Oil Deposits(DFS求连通块)
- sql语句简单手册
- iOS去除数组的相同元素
- android自定义组件实现方法
- valgrind--still reachable
- (二)OGG双向DML复制操作
- eclipse 快捷键
- 多行文本溢出
- Android5.1--PowerManagerService电源管理
- 经典算法题每日演练——第十题 树状数组
- 经典算法题每日演练——第七题 KMP算法
- mac本地grunt提示:Fatal error: Unable to find local grunt.
- rootwrap模块解析以及功能扩展
- 教你轻松看懂 iOS9 新功能
- js技巧--转义符"\"的妙用
- [转] GDB disassemble
- shell脚本与命定
- JAVA技术实现上传下载文件到FTP服务器(完整)
- 关于构造函数
- MyEclipse 快捷键