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