百度地图API开发

大家好，又见面了，我是你们的朋友全栈君。

1，申请密钥:自己的秘钥

2，初始化头文件

3，创建一个盛放地图的div:

4，初始化地图：

5，丰富地图功能：

*添加地图控件：

• map2.addControl(new BMap.NavigationControl());//添加平移缩放控件
• map2.addControl(new BMap.ScaleControl());//添加比例尺
• map2.addControl(new BMap.OverviewControl());//添加小地图
• map2.addControl(new BMap.MapTypeControl());//添加地图类型

**控件参数：

所有：

anchor（控件位置）：BMAP_ANCHOR_TOP/BUTTON_LEFT/RIGHT(左上角，右上角。。。）

offset（偏移量）：new BMap.Size(10,20)

navagationControl参数：

type(类型）：BMAP_NAVIGATION_CONTROL_LARGE/SMALL/PAN/ROOM（完整，小型，平移部分，缩放部分）

实例：map2.addControl(new BMap.OverviewControl({offset：new BMap.Size(10,20)，anchor:BMAP_ANCHOR_TOP_LEFT}))

5，自定义地图

打开百度地图个性在线编辑器：http://lbsyun.baidu.com/custom/

选择需要的元素，属性，样式。查看JSON

代码：

var mystyle1=json内容；

map.setMapStyle ( {styleJson:mystyle1} ) ;

<span role="heading" aria-level="2">百度地图API开发

地图添加覆盖物标志

<span role="heading" aria-level="2">百度地图API开发

地图点击事件及移除标志物

<span role="heading" aria-level="2">百度地图API开发

逆地址解析

<span role="heading" aria-level="2">百度地图API开发

计算两地之间的距离（直线距离）

<span role="heading" aria-level="2">百度地图API开发

这个博客知识点总结的可以，而且有图https://blog.csdn.net/qq_35192741/article/details/90479713

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/154937.html原文链接：https://javaforall.cn