Google地圖（API）錯誤

-1

我正在使用以下JavaScript來嵌入自定義Google地圖。Google地圖（API）錯誤

由於某種原因，網站已經開始出現錯誤。我無法弄清楚發生了什麼/發生了什麼變化並導致了錯誤。它似乎指向谷歌API，但我試圖改變這一點，問題仍然存在。

該網站是在www.ninelivesbar.com住，如果檢查有幫助。

<script type="text/javascript"> 
       // When the window has finished loading create our google map below 
       google.maps.event.addDomListener(window, 'load', init); 

       function init() { 
        // Basic options for a simple Google Map 
        // For more options see: https://developers.google.com/maps/documentation/javascript/reference#MapOptions 
        var mapOptions = { 
         // How zoomed in you want the map to start at (always required) 
         zoom: 15, 

         // The latitude and longitude to center the map (always required) 
         center: new google.maps.LatLng(51.503560, -0.081678), // Nine Lives 

         // How you would like to style the map. 
         // This is where you would paste any style found on Snazzy Maps. 
         styles: [{"featureType":"all","elementType":"labels.text.fill","stylers":[{"saturation":36},{"color":"#000000"},{"lightness":40}]},{"featureType":"all","elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#000000"},{"lightness":16}]},{"featureType":"all","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"color":"#000000"},{"lightness":20}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#000000"},{"lightness":17},{"weight":1.2}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":20}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":21}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#000000"},{"lightness":17}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#000000"},{"lightness":29},{"weight":0.2}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":18}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":16}]},{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":19}]},{"featureType":"water","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":17}]}] 
        }; 


        // Get the HTML DOM element that will contain your map 
        // We are using a div with id="map" seen below in the <body> 
        var mapElement = document.getElementById('map'); 

        // Create the Google Map using our element and options defined above 
        var map = new google.maps.Map(mapElement, mapOptions); 

        // Let's also add a marker while we're at it 
        var marker = new google.maps.Marker({ 
         position: new google.maps.LatLng(51.503560, -0.081678), 
         map: map, 
         title: 'Snazzy!' 
        }); 
       } 
</script>

來源

2017-10-12 Tom Lowles

基於谷歌地圖V3 ..api有一個正確的鏈接，輸入相關的JS API這段代碼SI ????」 – scaisEdge

您現在收聽的事件從當前窗口降臨到你運行你的初始化函數之前...所以你的地圖初始化多時間......這是我做的方式使用JavaScript來渲染我的地圖。

<script> 
    function initialize() { 

    // Map initialization goes here 

    } 
    google.maps.event.addDomListener(window, 'load', initialize); 
</script> 
<body> 
    <div id="map"></div> 
</body>

來源

2017-10-12 14:35:11 andrea06590

Google地圖（API）錯誤

回答

相關問題