Je suive le Tutoriel d'introduction pour Google Cartes, mais pour une raison quelconque, la carte ne figure pas sur ma page Web. Le HTML / CSS / JS pertinent est le suivant:
<!DOCTYPE html>
<html>
<head>
<meta name="layout" content="main"/>
<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?sensor=false">
</script>
<script type="text/javascript">
function initialize() {
var latlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width: 400px; height: 400px"></div>
</body>
</html>
6 Réponses :
Vous devez utiliser l'initialisation en tant que fonction, modifier ainsi votre code comme suit:
à; à: et:
à:
qui devrait aboutir à: $ (fonction () { Fonction Initialiser () { }); }
Votre proposition que le nom de la fonction de chargement est en quelque sorte important n'a aucun sens. Néanmoins, je l'ai essayé et ça n'a pas fonctionné.
J'ai oublié d'inclure que vous devez remplacer: }); avec } sinon il n'est pas valide Java
Modifiez votre exemple ci-dessus Comme je l'ai dit et la mettez à travers: draac.com/javatester.html il Travaillera-le, je l'ai testé quelques fois, et la prochaine fois, veuillez enquêter un peu plus avant de voter quelqu'un. Et que se passe-t-il si le fichier JS des références de Google initialise?
J'ai testé votre proposition et cela n'a pas fonctionné, à quel point puis-je faire d'investigation? Disant que la modification d'un nom de la fonction changera le comportement n'a aucun sens
Ce n'est pas Java, c'est JavaScript
Veuillez mettre le code ci-dessus via le testeur que j'ai mentionné ci-dessus, merci.
Votre problème est que vous parlez de la syntaxe JQuery, mais vous n'avez pas inclus la bibliothèque JQuery de votre page. Je reçois les erreurs JS:
Error: l.google.maps.Load is not a function Source File: http://www.iol.ie/~murtaghd/map/map_files/main.js Line: 42 Error: $ is not defined Source File: http://www.iol.ie/~murtaghd/map/map.htm Line: 24
Il y a 3 problèmes avec votre code:
(1) Ajoutez les lignes suivantes avant <div id="map_canvas" style="width:500px; height:300px"></div>
(1) - Bien repéré ... Non compris le fichier Google Maps JS empêchera la carte Google de s'afficher!
La carte n'apparaîtra pas si les tailles ne sont pas définies. Merci
J'ai eu le même problème. Ce bit de code: .. m'a aidé - j'ai ajouté la largeur / hauteur de style dans le balisage et cela a fonctionné.
Vous n'oubliez pas d'utiliser le type de document et charger la fonction JavaScriptif () JavaScript sur la balise que vous placez votre carte et que vous n'avez pas oublié la hauteur de jeu: et la largeur: à votre feuille de style et je vais travailler. Si vous n'avez pas défini de hauteur et de largeur, il ne montrera pas
<!DOCTYPE html>
<body onload="initialize();">
<div style="height:350px; width:100%;" id="map-canvas"></div>
</body>
Après d'innombrables creuser et des tonnes de messages (qui ont été inutilément trop compliquées), j'ai constaté que si j'ajoute simplement les styles de hauteur et de largeur simple comme ceci:
Vous n'avez pas besoin de vous inscrire pour quoi que ce soit pour utiliser Google Maps 'JS API.
@ADameberlin Vous avez raison, l'abonnement a été supprimé en V.3
Si vous donnez la taille définie à la div une taille de pixel, la carte montre-t-elle?