Google Map重整問題

google map javascript php 重新整理

tina888 2019-12-20 15:36:36 ‧ 1748 瀏覽

分享至

我的前端有個地圖的小圖示，點了之後會連結後端資料庫抓取精緯度，會開啟新的頁面啟動地圖顯示座標，可是跳到新的頁面時，都要按f5重整後地圖才會跳出來

要按重新整理才會跳出地圖

dragonH iT邦超人 5 級 ‧ 2019-12-20 15:51:37 檢舉

你是怎麼去 call initMap() 的

tina888 iT邦新手 5 級 ‧ 2019-12-20 16:42:57 檢舉

我是在<head>那裡寫callback :
<script async defer src="https://maps.googleapis.com/maps/api/js?key=我的API&callback=initMap"></script>

YC iT邦研究生 2 級 ‧ 2019-12-23 17:19:08 檢舉

把你的<script async defer src="https://maps.googleapis.com/maps/api/js?key=我的API&callback=initMap"></script>放到body看看

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

咖咖拉

iT邦好手 1 級 ‧ 2019-12-20 17:30:39

你的情況可能是跳頁時
JS 載入出現的錯誤

我一般都是用iframe

const txt = "經,緯"
const map = document.querySelector('#map iframe');
map.src = 'https://www.google.com/maps/embed/v1/search?key=你的金鑰&q=1&zoom=14&center='+txt;

HTML

<section id="map" class="map">
<iframe frameborder="0" style="border:0" src="" allowfullscreen></iframe>
</section>

回應
分享
檢舉

登入發表回應

我要發表回答

立即登入回答

參賽組數

1123 組

團體組數

52 組

累計文章數

23097 篇

完賽人數

656 人

15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js

IT邦幫忙