網頁使用百度地圖後,顯示不全(已解決)

網頁使用百度地圖後,顯示不全(已解決)

地圖是用百度地圖生成器生成的:
百度地圖生成器地址:http://api.map.baidu.com/lbsapi/creatmap/

直接粘貼過來的代碼,放到一個空白的新網頁中是正常的
但是放到自己的網頁中,就會顯示不正常,如下圖

這裏寫圖片描述

錯誤原因分析:

發現在CSS中有一句(是用來防止圖片寬度超過父容器寬度而設置的):

.container img {
    max-width: 100%;
}

然而就是因爲這句話讓百度地圖顯示出錯,
因此解決辦法:
方法1:把父容器css的 max-width: 100%; 這一句 刪掉
方法2:直接給地圖加一個css樣式:

(地圖的id爲 #dituContent

#dituContent img{
  max-width: none;
}

修改後顯示正常:

這裏寫圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章