先用html布局，布局好你要彈出的東西的位置，然后隱藏起來，在用js控制，點擊時候，相應(yīng)的數(shù)據(jù)顯示，不點擊就隱藏，就行了推薦企業(yè)地圖制作平臺地圖無憂 制作地圖非常簡單，效果展示多樣 網(wǎng)點標(biāo)注，區(qū)域劃分，路線規(guī)劃。

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

documentgetElementByIdquotmap_canvasquot定義一個層，對應(yīng)上面的idltdiv id=quotmap_canvasquot style=quotwidth heightquotltdiv。

baiducomlbsapicreatmap，你會看到如下圖選擇當(dāng)前城市，然后輸入具體地址，搜索添加標(biāo)注，展開后有三種形式，如圖 默認(rèn)選擇第一種形式，把鼠標(biāo)放入右邊的地圖，點擊，然后會出現(xiàn)如下圖，填寫左邊的選項，保存。

html2canvasthis$refstarget， useCORS true， 如果截圖的內(nèi)容里有圖片，可能會有跨域的情況，加上這個參數(shù)，解決文件跨域問題 thencanvas = let cans = canvasgetContextquot2dquot批量地圖。

首先，我們創(chuàng)建一個html文件，在head標(biāo)簽中依次引入echartsjs和chinajs文件，在body標(biāo)簽中創(chuàng)建一個div容器，用于放置繪制的地圖，代碼如下接著，我們需要js隨機(jī)生成一些測試數(shù)據(jù)，用于在繪制地圖時，根據(jù)數(shù)值顯示不同顏色的。

顯示的html引入騰訊地圖是可以顯示的，需要再http協(xié)議上打開，并把頁面放到服務(wù)器上否則打開則是空白頁面，上一個頁面跳轉(zhuǎn)到該地圖頁面時，需要在鏈接上帶上參數(shù)目的地的經(jīng)緯度。

1打開網(wǎng)頁百度搜索引擎，輸入百度API，然后點擊進(jìn)入如圖 2在進(jìn)入百度API之后，選擇欄目項開發(fā)地圖生成器選項，單擊進(jìn)入如下圖 3在打開的新的窗口頁面時，設(shè)置自己的區(qū)域，精確查找等要設(shè)置的地點如圖 4。