Mise à jour de Google map par la latitude et la longitude forme
Je suis donc la construction d'une page HTML, dans lequel j'ai besoin d'une Carte Google map et un formulaire simple qui se compose de deux champs latitude et longitude.
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map-canvas { height: 100% }
</style>
<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA_0qaGwK5ZWdKYXHRlJ-05CI_geHWo6v4&sensor=false">
</script>
<script type="text/javascript">
function initialize() {
var mapOptions = {
center: new google.maps.LatLng(-34.397, 150.644),
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map-canvas"),
mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"/>
</body>
</html>
Donc, c'est le code pour intégrer une carte, d'après ce que je compris que j'ai besoin de créer un formulaire qui permet de changer les valeurs de cette ligne :
center: new google.maps.LatLng(-34.397, 150.644)
et mises à jour chaque fois que j'appuie sur le bouton de mise à jour ou le bouton soumettre. Je sais comment créer un formulaire mais ne sais pas exactement comment l'utiliser dans le code ci-dessus.
Toute aide serait appréciée.
Vous devez vous connecter pour publier un commentaire.
Vous pouvez utiliser la documentation de l'api de google maps
https://developers.google.com/maps/documentation/javascript/reference#Map
Dans votre état, vous devriez utiliser l'ensemble de la carte de méthode:
C'est une solution élégante, déplace la caméra au point.
Cela va directement à l'essentiel.
Pour tous ceux qui viendront plus tard, supposons que vous souhaitez mettre à jour votre carte latitudes et longitudes à partir d'un tableau(comme dans le cas où vous avez une liste des villes), vous pouvez essayer ceci: