網頁使用百度地圖後,顯示不全(已解決)
地圖是用百度地圖生成器生成的:
百度地圖生成器地址: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;
}
修改後顯示正常: