Javascript Girl
  1. Javascript Girl
  3. Google maps dans jsFiddle
Intereting Posts
Forme inhabituelle d'une zone de texte? Accédez aux variables Java / Servlet / JSP / JSTL / EL en JavaScript Chargement du point final entre domaines avec jQuery AJAX Obtenir un élément aléatoire du tableau JavaScript JqTree – créer des données d'arbre de json Comment réduire / maximiser la boîte de dialogue jQuery? Passer le paramètre en utilisant onclick ou un clic en liaison avec KnockoutJS WebRTC: forcer les pairs à utiliser le serveur TURN Comment "imprimer" dans un document en PHP? Quelle est la manière la plus rapide de boucler sur un tableau sur javascript? Comment puis-je faire un script Google Sheet, envoyez-vous un courrier électronique lorsque la valeur d'une cellule spécifique change? Comment faire un suivi des éléments sélectionnés avec document.querySelectorAll Exportation HTML vers Excel en utilisant JavaScript, TRAVAIL EN FIREFOX mais PAS EN IE & CHROME Correspond à des groupes de capture optionnels dans n'importe quel ordre Supprimer toutes les images

Google maps dans jsFiddle

J'essaie de mettre en œuvre Google Maps dans jsFiddle pour poser une autre question, mais je ne peux pas voir la carte: http://jsfiddle.net/hashie5/aknYP/

J'ai ajouté le script gmap dans les ressources

Comment puis-je afficher la carte dans jsFiddle? 

function initialize() { var myLatlng = new google.maps.LatLng(50.965049,5.484231); var myOptions = { zoom: 14, center: myLatlng, mapTypeId: google.maps.MapTypeId.ROADMAP } var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); var contentString = '<div id="infowindow">' + 'Galaconcert<br />' + 'Jaarbeurslaan 2-6<br />' + '3690 Genk' + '</div>' ; var infowindow = new google.maps.InfoWindow(); var marker = new google.maps.Marker({ position: myLatlng, map: map, title: 'Galaconcert' }); google.maps.event.addListener(marker, 'click', function() { infowindow.setContent(contentString); infowindow.open(map, marker); }); }

Là vous allez http://jsfiddle.net/aknYP/4/

Vous n'allez jamais appeler initialize() ni charger l'API JS Google Maps

Comme expliqué ici sous "Ajouter des ressources" dans une boîte rouge:

Avertissement: jsFiddle reconnaît le type de ressource par extension. Si vous souhaitez utiliser une ressource dynamique, ajoutez une variable GET factice, à savoir http://example.com/download/js/dynamically.js?somevar=somevalue&dummy=.js . Cela trucera jsFiddle pour le reconnaître comme ressource JavaScript.

Donc, pour que jsFiddle reconnaisse l'API Google Maps (qui n'a pas l'extension .js), vous devez l'ajouter comme ressource: http://maps.googleapis.com/maps/api/js?sensor=false&dummy=.js (Ceci est en plus d'appeler initialiser bien sûr)

Violoncelle mise à jour .