百度地图api如何使用_javascript技巧

首先 ，如果想调用百度地图api，你需要获取一个百度地图api的密钥。

申请密钥很简单，在百度地图api的首页就有相关链接，填写相关信息百度就会给你一个密钥了。

接下来，就是引入百度地图的api

关键代码如下：

代码如下:

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

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

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

5.MapTypeControl：地图类型控件，默认位于地图右上方(地图，卫星，三维)。

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

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

效果图

代码如下:
map.addControl(new BMap.NavigationControl());//缩放平移控件
map.addControl(new BMap.ScaleControl()); //比例尺
map.addControl(new BMap.OverviewMapControl());//缩略图
map.addControl(new BMap.MapTypeControl()); //地图类型
map.setCurrentCity("青岛");

注意：当设置城市信息时，MapTypeControl的切换功能才能可用

地图事件：
百度地图API中的大部分对象都含有addEventListener方法，我们可以通过该方法来监听对象事件。
实例：
代码如下:
map.addEventListener("click", function(){
alert("您点击了地图。");
});

当我们不再希望监听事件时，可以将事件监听进行移除。每个API对象提供了removeEventListener用来移除事件监听函数。

代码如下:
map.removeEventListener("click", functionA);
map.addEventListener("click", functionA);

地图遮盖物:

Overlay：覆盖物的抽象基类，所有的覆盖物均继承此类的方法。

Marker：标注表示地图上的点，可自定义标注的图标。

Label：表示地图上的文本标注，您可以自定义标注的文本内容。

Polyline：表示地图上的折线。

Polygon：表示地图上的多边形。多边形类似于闭合的折线，另外您也可以为其添加填充颜色。

Circle: 表示地图上的圆。

InfoWindow：信息窗口也是一种特殊的覆盖物，它可以展示更为丰富的文字和多媒体信息。注意：同一时刻只能有一个信息窗口在地图上打开。

标注示例：

以上说明就是本文的全部内容，希望对大家使用百度地图api有所帮助。

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com