前往官方文档进行一系列注册,主要是为了获取服务密钥:
如图,就快速创建了一张以天安门为中心的地图:
使用 以及百度地图的callback参数来实现,以减少首屏加载时间:
可以使用 heading 和 tilt 属性控制地图的旋转角度和俯角
通过来开启地球视图:
这个setMapType方法中的常量有两个,一个是 ,即普通街道视图。一个就是 ,即地球卫星视图。
通过以下代码来引入:
调整放大缩小组件的位置
通过往 中传入 参数来实现:
调整最大与最小缩放比例
可以到百度地图 个性化地图 去配置自己想要的颜色样式:
还有一种是通过编写样式 JSON 文件的方式,由于数据量比较大且不直观,推荐还是使用样式ID的方式:
Marker是一个用来往地图上添加点标记的类。使用它将任何你希望用户看到的兴趣点标注在地图上。 API提供了默认图标样式,您也可以通过Icon类来指定自定义图标。Marker的构造函数的参数为Point和MarkerOptions(可选)。 注意:当您使用自定义图标时,标注的地理坐标点将位于标注所用图标的中心位置,您可通过Icon的offset属性修改标定位置。
定义标注图标 通过Icon类可实现自定义标注的图标,下面示例通过参数MarkerOptions的icon属性进行设置:
折线覆盖物可以分别设置描边粗细、颜色、填充颜色等属性:
API提供了默认的标注样式,也可以通过setStyle来指定自定义样式:
信息窗口也是一种特殊的覆盖物,它可以展示更为丰富的文字和多媒体信息。注意:同一时刻只能有一个信息窗口在地图上打开
通过 去定义一个动画,其中 keyframes 是一个数组,定义了关键帧,关键帧以一个对象数组的形式定义,每一个关键帧作为该数组的一个对象成员,以对象字面量的形式传入。
而 opts 设置了动画属性,动画属性以一个对象的形式定义,每一种属性对应该对象的一个属性。
然后通过 方法去开始动画。
可以参照官方文档中动画的示例,这里就不放代码了,总之动画效果还是挺不错的,比用定时来完成动画的效果很好很多。
不同于前面的 viewAnimation 动画,TrackAnimation 动画是轨迹动画,而前面的动画是一个类似 CSS 的 keyframes 动画。
同样的参照官方文档中 TrackAnimation 动画的示例就可以了
需要注意的是官方文档中v1.0的 API 并没有 TrackAnimation 相关的,使用该动画需要额外引入开源库BMapGLLib.TrackAnimation,这点文档示例中也有提到。
这里使用的是 MapVGL,MapVGL 是一款基于 WebGL 的地理信息可视化库,可以用来展示大量基于3D的地理信息点线面数据。设计初衷主要是为了解决大数据量的三维地理数据展示问题及一些炫酷的三维效果。