百度地图

Posted ccfyyn

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了百度地图相关的知识,希望对你有一定的参考价值。

(一)地图示例

1.地图展示

举例:在一个html文档中的某个div中显示某个地理位置的百度地图:

这里是西安市唐***小区的地理坐标,设置了该位置的城市为西安市。

同样,如果我们要设置当前位置的坐标,则需要通过getlocationCurrent来获取。然后,将获取到的经纬度输入中即可

 

2.异步加载地图(有条件的加载地图,也就是说当.....后,再加载地图)

 当加载页面后,再显示地图

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 

当点击button按钮后,再加载地图

点击按钮前:

 

点击按钮后:

 

3.同时加载两个地图

 

显示结果如下:

4.根据城市名设置地图中心点

4.根据城市名设置地图中心点

 

5.移动地图

由地理位置为西安,2秒钟后地理位置为北京

运行程序:

 

2秒后

 

6.缩放地图

 

7.拖拽地图

 

8.设置地图显示范围

 

9.获取地图显示范围

10.获取两点间距离

 

(二)地图控件示例

1.添加/删除工具条、比例尺控件

2.添加/删除地图类型、缩略图控件

3.添加定位相关控件

 

 

 (三)覆盖物示例

1.添加/删除覆盖物

举例:添加标记:

 

js中:

 

 

 2.设置点的弹跳动画

3.设置点的新图标

4.设置点是否可拖拽

不可拖拽

 5.设置覆盖物的文字标签

 6.设置文字标签

 

 7.添加多个点示例

 

以上是关于百度地图的主要内容,如果未能解决你的问题,请参考以下文章

百度地图个性编辑器怎么导出地图

要在自己的网站上用百度地图,怎么申请API,网址是啥

Cesium可以加载百度地图吗

百度地图api 怎么禁止百度自己的InfoWindow

如何调用百度地图API

如何设置百度地图