先用html布局，布局好你要弹出的东西的位置，然后隐藏起来，在用js控制，点击时候，相应的数据显示，不点击就隐藏，就行了推荐企业地图制作平台地图无忧 制作地图非常简单，效果展示多样 网点标注，区域划分，路线规划。

ltstyle type=quottextcssquot lt！ alink color #000000textdecoration avisited textdecoration color # ahover textdecoration color #0000FF aactive text。

documentgetElementByIdquotmap_canvasquot定义一个层，对应上面的idltdiv id=quotmap_canvasquot style=quotwidth heightquotltdiv。

baiducomlbsapicreatmap，你会看到如下图选择当前城市，然后输入具体地址，搜索添加标注，展开后有三种形式，如图 默认选择第一种形式，把鼠标放入右边的地图，点击，然后会出现如下图，填写左边的选项，保存。

html2canvasthis$refstarget， useCORS true， 如果截图的内容里有图片，可能会有跨域的情况，加上这个参数，解决文件跨域问题 thencanvas = let cans = canvasgetContextquot2dquot批量地图。

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

显示的html引入腾讯地图是可以显示的，需要再http协议上打开，并把页面放到服务器上否则打开则是空白页面，上一个页面跳转到该地图页面时，需要在链接上带上参数目的地的经纬度。

1打开网页百度搜索引擎，输入百度API，然后点击进入如图 2在进入百度API之后，选择栏目项开发地图生成器选项，单击进入如下图 3在打开的新的窗口页面时，设置自己的区域，精确查找等要设置的地点如图 4。