Mettre Google Maps Fonction Javascript Dans Un Fichier Externe
J'ai besoin de mettre mon google maps javascript dans un fichier javascript externe et je vais avoir quelques problèmes à faire cela. Le code ci-dessous est à partir de mon fichier HTML, j'ai essayé de copier la fonction dans un fichier externe, y compris le script src balises et DomListener. La question que je vais avoir est avec le DomListener et ne pas être en mesure de charger ses paramètres correctement. Je me demandais si vous pouviez s'il vous plaît m'aider avec ce que je dois mettre dans le fichier externe et ce que j'ai besoin d'appeler dans le fichier HTML pour exécuter mon script?
Merci beaucoup,
Anthony
<!DOCTYPE html>
<html>
<head>
<link href="mystyle.css" rel="stylesheet" type="text/css" />
<meta name="Park Map Brisbane"
content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title>Info windows</title>
<style>
#map-canvas {
height: 800px;
width: 800px;
text-align: center;
margin-left: 51px;
margin: 0px;
padding: 0px
}
.gm-style-iw {
height: 100% !important;
overflow: hidden !important;
}
</style>
<script
src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script>
function initialize() {
var myLatlng1 = new google.maps.LatLng(-25.363882, 150.044922);
var myLatlng2 = new google.maps.LatLng(-25.363882, 152.044922);
var mapOptions = {
zoom : 6,
center : myLatlng1
};
var map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
var contentString1 = 'Mott Park'
var contentString2 = 'Kilpa Park'
var infowindow = new google.maps.InfoWindow({});
var marker1 = new google.maps.Marker({
position : myLatlng1,
map : map,
title : 'Park'
});
var marker2 = new google.maps.Marker({
position : myLatlng2,
map : map,
title : 'Water'
});
google.maps.event.addListener(marker1, 'click', function initialize() {
infowindow.close();//hide the infowindow
infowindow.setContent(contentString1);//update the content for this marker
infowindow.open(map, marker1);
});
google.maps.event.addListener(marker2, 'click', function initialize() {
infowindow.close();//hide the infowindow
infowindow.setContent(contentString2);//update the content for this marker
infowindow.open(map, marker2);
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
</html>Vous devez vous connecter pour publier un commentaire.
Sa fonctionne très bien pour moi.
Voici mon point de vue/fichier HTML
La partie du script est mis à l'intérieur d'un fichier externe appelé test.js
Pour accéder à mon fichier javascript j'ai besoin de le chemin '/assets/scripts'. Veuillez entrer votre chemin d'accès où votre script est situé. Par exemple, il sera juste test.js si son dans le même niveau de dossier.