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

 

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



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



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



還有其他的一些選項就等大家去嘗試選擇，這里就不過多介紹。
 
三：來到第三欄目，也是最關(guān)鍵的一個欄目設(shè)置，因為前兩步只是在地圖上找到企業(yè)的位置，但是地圖上內(nèi)容很多，很難讓人一眼就能找出公司位置，這時就需要對地圖上的公司位置進(jìn)行標(biāo)注了。



一般來說都是選擇第一個，添加碼點，然后我們在標(biāo)注列表里面，填寫上公司的具體信息，比如說公司名稱，公司所在樓層房號等信息



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



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