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

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圖形。

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

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

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