百度地图API实战 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

百度地图的引入

这一节我们将学习如何引入百度地图。

1、BMap.Map("container")

创建一个地图实例,其中container指容器id,之后需要调用Map.centerAndZoom()方法对地图进行初始化。未进行初始化的地图将不能进行任何操作。

2、BMap.Point

以指定的经度和纬度创建一个地理点坐标。

3、map.centerAndZoom(center:Point, zoom:Number)

初始化地图,他有种设置参数方式,一是center类型为Point时,zoom必须赋值,范围3-19级,还有就是如果center类型为字符串时,比如“北京”,zoom可以忽略,地图将自动根据center适配最佳zoom级别。

window.onload = function(){
  var map = new BMap.Map("map-cont");
  var point = new BMap.Point(116.404, 39.915);
  map.centerAndZoom(point, 15);
}
将上方代码填入右侧js代码框中,将百度地图引入。
window.onload = function(){ var map = new BMap.Map("map-cont"); var point = new BMap.Point(116.404, 39.915); map.centerAndZoom(point, 15); }