我們?cè)诰W(wǎng)站建設(shè)時(shí)往往要向用戶展示公司位置信息，多數(shù)地圖平臺(tái)都提供代碼調(diào)用，如百度地圖的地圖生成器，但是網(wǎng)頁(yè)調(diào)用百度地圖往往會(huì)出現(xiàn)不顯示或顯示不正常的問(wèn)題和標(biāo)注點(diǎn)不顯示的問(wèn)題。接下來(lái)天水網(wǎng)站建設(shè)小士就來(lái)說(shuō)說(shuō)遇到這種情況的解決方法步驟。

　　一、地圖不顯示或顯示不正常

　　地圖不顯示或顯示不正常最常見的是圖片元素的父級(jí)及以上CSS樣式設(shè)置造成的，我們具體看看解決步驟。

　　步驟一：確定地圖代碼本身是否有問(wèn)題

　　你可以把直接粘貼過(guò)來(lái)的代碼放到一個(gè)空白的新網(wǎng)頁(yè)中看看顯示是不是正常，如果正常，說(shuō)明代碼沒問(wèn)題，這種情況一般不會(huì)出現(xiàn)。

　　步驟二：檢查地圖容器父級(jí)及以上圖片元素的CSS樣式

　　重點(diǎn)檢查父級(jí)級(jí)以上圖片元素的CSS樣式是否設(shè)置了以下這幾個(gè)樣式，從父級(jí)元素逐級(jí)向上檢查。

　　1、max-width: 100%;

　　2、max-height:100%;

　　3、display: inline-block;或display:block;

　　4、box-sizing: content-box;

　　5、box-shadow: rgb(0, 0, 0) 3px 3px 5px;

　　如果發(fā)現(xiàn)父級(jí)及以上容器的CSS樣式設(shè)置了以上樣式代碼，問(wèn)題就出在這里了。

　　步驟三：在地圖容器中對(duì)img樣式重新設(shè)定

　　因?yàn)?，百度地圖容器的內(nèi)容是以圖片的形式存在，圖片樣式繼承了父級(jí)容器或父級(jí)以上容器圖片的樣式屬性，因此會(huì)造成顯示不正?；虿伙@示，這就需要對(duì)地圖容器的圖片樣式重新設(shè)定。有些朋友會(huì)直接把父級(jí)及以上的圖片樣式這些屬性刪除，天水網(wǎng)站制作小士不建議這樣去做。如果直接刪除，地圖顯示正常了，其他地方就又出問(wèn)題了，下面是重新設(shè)定CSS樣式的方法：

　　1、max-width: none;

　　2、max-height:none;

　　3、display: inline;

　　4、box-sizing: initial;

　　5、box-shadow: rgb(0, 0, 0) 0px 0px 0px;

　　二、百度地圖標(biāo)注點(diǎn)不顯示

　　還有一個(gè)問(wèn)題，就是百度地圖調(diào)用后，標(biāo)注點(diǎn)不顯示的問(wèn)題。這是百度地圖的一個(gè)BUG，原因是標(biāo)記點(diǎn)的圖片路徑不正確，生成的代碼中的icon地址路徑不正確，解決方法如下：

　　步驟一：在獲取的代碼中找到var icon = new BMap.Icon ，生成的代碼中的icon地址是http://app.baidu.com/map/images/us_mk_icon.png ，當(dāng)我們?cè)L問(wèn)這張圖片時(shí)出現(xiàn)404錯(cuò)誤，說(shuō)明圖片不存在。

　　步驟二：替換圖片地址改為：http://map.baidu.com/image/us_mk_icon.png 或 http://api.map.baidu.com/lbsapi/creatmap/images/us_mk_icon.png ，也可以將圖片保存到自己的網(wǎng)站上，改成自己的圖片路徑。

　　以上是，天水網(wǎng)站設(shè)計(jì)小士給您總結(jié)的網(wǎng)頁(yè)調(diào)用百度地圖不顯示或顯示不正常的常見問(wèn)題解決方法，希望能給你有幫助，關(guān)注我們會(huì)帶來(lái)更多網(wǎng)站建設(shè)小常識(shí)。