百度地图api

时间：2024-12-20 16:07:14

引入js

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

常用控件

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

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

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

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

MapTypeControl：地图类型控件，默认位于地图右上方。

CopyrightControl：版权控件，默认位于地图左下方。

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

控件添加方法：
var map = new BMap.Map("container");

map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);

map.addControl(new BMap.NavigationControl());

1.var mp = new BMap.Map('map');

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

2.var map = new BMap.Map("container");

var point = new BMap.Point(116.404, 39.915);

map.centerAndZoom(point, 15);    

var marker = new BMap.Marker(point); // 创建标注  

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

3.

map.addEventListener("click", function(){

 alert("您点击了地图。");

});//监听事件通 过监听事件还可以捕获事件触发后的状态。
 map.removeEventListener("click", showInfo);//移除监听事件

4.地图坐标转换

// 百度地图API功能
//谷歌坐标
var x = 116.32715863448607;
var y = 39.990912172420714;
var ggPoint = new BMap.Point(x,y);

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

//坐标转换完之后的回调函数
translateCallback = function (point){
var marker = new BMap.Marker(point);
bm.addOverlay(marker);
var label = new BMap.Label("我是百度标注哦",{offset:new BMap.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
 

相关文章