1注册百度地图开发者，这个直接到官网注册就行，或者使用百度账号直接登录也行，登录成功后，依次点击“控制台”“创建应用”，在跳转的页面选择“浏览器端”，输入应用名称，设置白名单，如下创建成功后，当前的应用就会显示在应用列表中，这里我们需要记住应用的AK值，后面的html代码中需要用到，如。

1登录百度地图api，地址indexhtml 2设置你的地理位置，以北京大学为例子如图3简单设置下地图功能，也可以不设置地图的宽度和高度根据网页空间的大小设置就可以4设置地图信息标注，这个有利于查看地图的人一眼就看到自己在什么位置，而且也很。

1进入mapAPItoolcreatMap 创建地图百度地图API所见即所得工具，百度官方地址，大家放心使用切换城市，搜索需标注位置如下图设置地图大家可以对网站显示地图的宽高进行设置，其余选项不动添加标注点击第一个图标后，在右侧找到自己的位置。

第一步在浏览器中打开百度地图生成器 第二步图中右侧为自定义，根据自己的需求填写相关信息 第三步点击获取代码按钮，会自动生成代码，将代码写入页面中即可，也可以使用iframe标签完成引用。

打开百度，点击上方地图点击地图下方地图开放平台点击开发文档选择地图名片点击开始制作按照提示第一步操作填写基本信息提示第二步操作，选择名片图片，生成名片链接HTML5是构建Web内容的一种语言描述方式HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种。

1调用百度地图必须要有百度账号，然后点击地图，进入百度地图开发界面2点击web开发，进茹web地图调用界面，进入大众开发界面3这一步就进入了web地图调用页面啦，里面有的功能，可以看下图，选择你需要的表现形式，我选择一个quot逆地理编码quot，点击进入代码页面4下面就是对代码进行修改啦，修改。

注册百度账号，到百度地图的API申请个KEY，免费的key每天有固定的查询流量，付费就很多了申请了Key后，在你的Html 页面上引入js script type=#34textjavascript#34 src=#340ak=您的密钥#34script 在HTML的Body中，放入一个div，用于显示。

第一步进入百度创建地图的网站，搜索出自己要展示的位置 第二步设置地图，大家可以对网站显示地图的宽高进行设置，其余选项不动第三步添加标注点击第一个图标后，在右侧找到自己的位置，单击鼠标左键可定位标记图标处可更换图标形状，名称和备注。

这里需要设定一下标注的位置，想居中的话基本都是和地图的坐标一样的这下面是创建一个标注和定位var marker = new BMapMarkernew BMapPoint1163964，399093mapaddOverlaymarker。

1 登录开发者平台，点击quot创建应用quot，选择与项目相关的应用类型，如Web项目，并设置Referer白名单完成创建后，你会看到你的AK实现百度地图的关键步骤如下创建HTML文件，如Hellohtml，引用API并替换AK在HTML中创建地图容器元素，并设置样式实例化地图，如`var map = new BMapMap#39container#39。

需要的，秘钥是免费的，可以自己申请百度有在html中使用的接口，你可以看看百度的Web组件定位，那个新出来的。

可以在百度地图官网获取百度地图的网页代码1打开百度搜索“百度地图生成器”，在展开的搜索结果中找到百度地图生成官网并点击进入2在百度地图生成官网，输入默认的地图位置，然后点击“查找”按钮3找到地图后点击地图底部的“获取代码”按钮获取地图源代码4创建一个新的html文档，并将之前复制的。

有做过这个功能，之前用的是百度地图提供的api，完全符合你的需求当然，高德地图貌似也有，你可以去看看百度地图apiphp？title=jspopular 补充要做离线最好别用web端来做后来发现，echarts来实现你的需求应该也是可以的html。

在“第二步 获取代码”中，点击“获取代码”按钮，就会弹出根据上面的设置生成代码，如下图把上一步生成的代码保存为html文件我这里保存为maphtml，在浏览器中打开就可以看到自己定义的百度地图了如果要把地图添加到现有的网页中，可以使用iframe标签，如ltiframe src=quotmaphtmlquot width=quot600。

1先定位中心点，输入要定位的地址，如“清华大学”，然后点击“查找”2然后设置地图，可以修改宽高等3接下来添加标注4最后复制代码5将复制的代码粘贴到要显示地图的地方即可，如某个html页面中的div里，最终显示效果如下。