创建地图-百度地图生成器

一、打开百度地图生成器的网址

网址：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 很详细，去注册一下就好了。

测试

然后就可以成功的看到结果了：