网址:http://api.map.baidu.com/lbsapi/creatmap/
可以看出官方给出了两个步骤: 第一步:创建地图 第二步:获取代码 特别的简单。动动鼠标,点点地图就可以做到了少写几百行代码的目的。name接下来咱们一起看一下从创建到在真实代码中是如何使用的。
定位中心点:这个功能就是执行了下面两个操作
var map = new BMap.Map("map");//在百度地图容器中创建一个地图
var point = new BMap.Point(117.19564,36.682652);//定义一个中心点坐标
可以选择当前的城市,也可以输入一个比较详细的地点,也可以用鼠标拖动地图来选择合适的位置。
注意:地图的级别可以由滚动鼠标来决定
可以设置地图的尺寸,也可以调整地图上的控件的位置以及默认显示的状态等。很方便,可以根据自己的需求来设定。
在线创建的标注支持三种方式,如下面三个图
咱们来添加一个坐标测试下
输入一些描述
点击后:
也可以添加多个
预览时的图片可能存在问题,先忽略吧
点击获取代码
复制下来弹出的代码
把代码复制到ide创建的html中
如果没有这个key的童鞋可以看这篇: https://blog.csdn.net/qq_17623363/article/details/103234119 很详细,去注册一下就好了。
然后就可以成功的看到结果了: