首先，我们创建一个html文件，在head标签中依次引入echartsjs和chinajs文件，在body标签中创建一个div容器，用于放置绘制的地图，代码如下接着，我们需要js随机生成一些测试数据，用于在绘制地图时，根据数值显示不同颜色的。

mouseY tempY 鼠标抬起事件设置dragging为false，clear移动层#39#eventCanvas#39mouseupfunctione ifoptsdragAll else moveMapContextclearRect0， 0， 1100， 630。

NAME=#39***#39ltMAP描述地图N20段落ltAREASHAPE=#39RECT#39COORDS=#39，#39href=#39URL#39NOHREF30大小ltIMGsrc=#39URL#39WIDTH=#39？#39HEIGHT=#39？#39以pixels为单位N10图形边缘ltIMGsrc=#39URL#39BORDER=？以pixels为单位N10图形。

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

其余选项不动第三步添加标注点击第一个图标后，在右侧找到自己的位置，单击鼠标左键可定位标记图标处可更换图标形状，名称和备注填入位置相关信息第四步获取代码将代码贴到你的网页里就OK了。

想把自己公司或者店铺的图形地址放在自己网站上，试着在百度API平台填写信息获取代码，几步轻松搞定打开百度地图，进入百度地图页面进入百度地图的页面后，再打开右上角的“地图API”字样 选择“插件与工具”一栏中的“地图。