通常我們都會(huì)在網(wǎng)站建設(shè)中需要留下公司的地址以及名稱，但是文字的信息通常不容易讓人留意且需要對(duì)文字信息進(jìn)行復(fù)制粘貼到地圖軟件上才能進(jìn)行查詢，這是相當(dāng)麻煩的。所以通常企業(yè)網(wǎng)站除了留有公司地址的文字信息外，還會(huì)增加可視化地圖，一來(lái)是大氣美觀，二來(lái)是訪問(wèn)的用戶可以直接在可視化地圖上面清楚且清晰的了解到公司的具體位置以及周邊情況，極大的縮短了用戶獲取到企業(yè)信息的時(shí)間，在如今快節(jié)奏的生活以及講究高效率的環(huán)境下，可視化地圖完美的印證了高效率這個(gè)特點(diǎn)，接下來(lái)分享我常用的生成可視化地圖的小插件。

 

具體操作流程是這樣的：
一：輸入企業(yè)的詳細(xì)地址，在下拉選項(xiàng)中選擇正確的建筑或者位置



二：確定好位置后，切換到第二欄目



在第二欄目這里我們可以進(jìn)行一些個(gè)性化的調(diào)整或者根據(jù)企業(yè)的需要進(jìn)行一些調(diào)整，比如對(duì)地圖圖層的樣式選擇不同，展示效果也是不一樣的，當(dāng)選擇衛(wèi)星時(shí)，地圖效果是這樣的：



還有其他的一些選項(xiàng)就等大家去嘗試選擇，這里就不過(guò)多介紹。
 
三：來(lái)到第三欄目，也是最關(guān)鍵的一個(gè)欄目設(shè)置，因?yàn)榍皟刹街皇窃诘貓D上找到企業(yè)的位置，但是地圖上內(nèi)容很多，很難讓人一眼就能找出公司位置，這時(shí)就需要對(duì)地圖上的公司位置進(jìn)行標(biāo)注了。



一般來(lái)說(shuō)都是選擇第一個(gè)，添加碼點(diǎn)，然后我們?cè)跇?biāo)注列表里面，填寫(xiě)上公司的具體信息，比如說(shuō)公司名稱，公司所在樓層房號(hào)等信息



地圖這邊也是會(huì)同步顯示具體信息出來(lái)，然后我們可以進(jìn)行預(yù)覽，看一下具體的效果，不合適的再調(diào)整，如果沒(méi)問(wèn)題了，我們就點(diǎn)擊獲取代碼



這里我們需要做的是，把樣式以及JS部分的代碼復(fù)制到我們的頁(yè)面上，然后刷新頁(yè)面就能看到具體效果了，當(dāng)然key值就需要大家自己去申請(qǐng)了。本次分享到此結(jié)束，下面放出鏈接。
高德地圖API鏈接：
https://lbs.amap.com/tools/creater