Google Maps (API) erreurs

-1

J'utilise le javascript suivant pour intégrer une carte google personnalisée.Google Maps (API) erreurs

Pour une raison quelconque, le site Web a commencé à proposer des erreurs. Je ne peux pas comprendre ce qui se passe/ce qui a changé et causer les erreurs. Il semble pointer vers l'API google mais j'ai essayé de changer cela et le problème se produit toujours.

Le site web est en ligne sur www.ninelivesbar.com si l'inspection aide.

<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>

Source

2017-10-12 Tom Lowles

ce code si basé sur google maps v3 ..api avoir un lien correct pour importer le js api ???? ' – scaisEdge

Vous écoutez événement à venir de votre fenêtre actuelle avant exécuter votre fonction init ... Donc, votre carte est initialisée temps multiple ... Voici la façon dont je l'ai fait en utilisant javascript pour afficher ma carte.

<script> 
    function initialize() { 

    // Map initialization goes here 

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

Source

2017-10-12 14:35:11 andrea06590

Google Maps (API) erreurs

Répondre

Questions connexes