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

mouseY tempY 鼠標(biāo)抬起事件設(shè)置dragging為false，clear移動(dòng)層#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圖形。

第一步在瀏覽器中打開(kāi)百度地圖生成器 第二步圖中右側(cè)為自定義，根據(jù)自己的需求填寫(xiě)相關(guān)信息 第三步點(diǎn)擊獲取代碼按鈕，會(huì)自動(dòng)生成代碼，將代碼寫(xiě)入頁(yè)面中即可，也可以使用iframe標(biāo)簽完成引用。

其余選項(xiàng)不動(dòng)第三步添加標(biāo)注點(diǎn)擊第一個(gè)圖標(biāo)后，在右側(cè)找到自己的位置，單擊鼠標(biāo)左鍵可定位標(biāo)記圖標(biāo)處可更換圖標(biāo)形狀，名稱(chēng)和備注填入位置相關(guān)信息第四步獲取代碼將代碼貼到你的網(wǎng)頁(yè)里就OK了。

想把自己公司或者店鋪的圖形地址放在自己網(wǎng)站上，試著在百度API平臺(tái)填寫(xiě)信息獲取代碼，幾步輕松搞定打開(kāi)百度地圖，進(jìn)入百度地圖頁(yè)面進(jìn)入百度地圖的頁(yè)面后，再打開(kāi)右上角的“地圖API”字樣 選擇“插件與工具”一欄中的“地圖。