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

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

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

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

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

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

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

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