台灣最大程式設計社群網站
線上人數
1304
 
會員總數:239370
討論主題:185707
歡迎您免費加入會員
討論區列表 >> CSS/HTML5/Bootstarp >> google map在不同瀏覽器會跑掉
[ 變換順序 ]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
google map在不同瀏覽器會跑掉
價值 : 50 QP  點閱數:246 回應數:7

樓主

主詞he+be動詞的fan
門外漢
0 1
32 4
發送站內信


CSS+javascript做的網站
http://www.norns.com.tw/index.html

在 menu > 銷售通路 >實體門市
我插入了兩個iframe分別連到兩個google map分頁

在chrome可以看到兩個map正常顯示
不過在IE上看
map的定位跑掉了
地圖的正中央不是我指定的地點

因為定位設定是正確的
所以不太裡解為什麼換個瀏覽器就不行了

不知道有沒有大大可以幫忙解惑
感謝 :)

搜尋相關Tags的文章: [ CSS ] , [ google ] , [ map ] , [ javascript ] , [ 內嵌 ] , [ 地圖 ] , [ 定位 ] ,
本篇文章發表於2016-11-29 12:07
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓
作者回應

主詞he+be動詞的fan
檢舉此回應

iframe基本上只是長這樣:

<div class="menu_store1_map">
<iframe src="map1.html" scrolling="no" frameborder="0" style="width:378px; height:373px; margin-left:-8px; margin-top:-8px; position:relative;"></iframe>
</div>

外層的div樣式應該沒有任何影響才對:

.menu_store1 > .menu_store1_map {
width:370px;
height:365px;
background-color:#060;
float:left;
position:absolute;
left:370px;
top:25px;
z-index:998;
}
本篇文章回覆於2016-11-29 12:16
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
不錯的參考

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
大約看了一下。其實我認為問題出在position這個問題

ie跟google針對position的解釋會有所不同

其實google map你可以直接用他的api處理。不需要用另外框架來運行
要不然早晚你會被google列為鎖定目標的。
本篇文章回覆於2016-11-29 13:56
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
作者回應

主詞he+be動詞的fan
檢舉此回應

我剛剛又試了一下
發現把 menu CSS 裡
"銷售通路" 的 hover {display:inherit;} 拿掉
地圖就恢復正常
可是因為需要它在沒有 hover 的情況下隱藏
所以必須設定display:none;
想請問是不是display的問題?

有沒有辦法在要 隱藏/顯現功能 的情況下
讓map正常?
本篇文章回覆於2016-11-29 15:07
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
作者回應

主詞he+be動詞的fan
檢舉此回應
大約看了一下。其實我認為問題出在position這個問題

ie跟google針對position的解釋會有所不同

其實google map你可以直接用他的api處理。不需要用另外框架來運行
要不然早晚你會被google列為鎖定目標的。


感謝
但我試了很久
只有在更動 display 的情況下
會讓 MAP 變正常
不知道是不是 display 也有解讀問題?


其實我不太理解google api怎麼做
嘗試在同一個頁面放兩個地圖時
發現他們沒辦法共存
所以才想到用iframe的方式
本篇文章回覆於2016-11-29 15:35
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
5樓
最有價值解答

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
我推測你的問題無法二個放在一起的原因是因為,你id名稱並沒去改變他

當你要放2個以上的google map時。要將其對應的id分別設定不同的名稱
然後再重新呼叫他並對應。


以上的程式給你參考應用。不要用iframe來處理。很容易碰上排版的問題。
依照你#3的說法。確實各瀏覽器對於display的解讀意思會有些不相同。
css通用各瀏覽器的寫法有時你要學著使用。ie也有其特殊的用法。他一直不想統一,很討厭。
本篇文章回覆於2016-11-30 11:17
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
6樓
作者回應

主詞he+be動詞的fan
檢舉此回應
我推測你的問題無法二個放在一起的原因是因為,你id名稱並沒去改變他

當你要放2個以上的google map時。要將其對應的id分別設定不同的名稱
然後再重新呼叫他並對應。


感謝您的回覆。
使用2個id對應嘗試後
的確解決了排版上的問題~~

但是多了一個新的問題 Orz

在 "//在地圖上放置標點說明 "
這部分
就是在兩個地圖上丟不同的對話框

使用您的方法之後
只有 map1 會出現對話框
map2 的卻不見了

不知道這有沒有辦法解決?

謝謝

本篇文章回覆於2016-12-19 17:37
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
7樓
回應

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
這要看你其下面這段程式碼
map2.openInfoWindowHtml (map2.getCenter(), html);

注意紅字的部份。是否有指定到正確的地圖元件上。

要不然正常是不可能發生這種事才對。

本篇文章回覆於2016-12-21 10:16
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
[ 變換順序 ]   
1

回覆
如要回應,請先登入.