Google Maps Géocodage d'une chaîne de caractères

im nouveau à l'api google maps et ont fait de géocodage exemple:

https://developers.google.com/maps/documentation/javascript/examples/geocoding-simple

Je veux être en mesure de géocoder une corde dans mon code et placer un marqueur à l'endroit, plutôt qu'à un utilisateur de rechercher un lieu.
mon code pour l'instant est:

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title>Geocoding service</title>
<style>
html, body, #map-canvas 
{
height: 100%;
margin: 0px;
padding: 0px
}
</style>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script>
//global variables 
var geocoder;
var map;
var Ireland = "Dublin";
function initialize() 
{
geocoder = new google.maps.Geocoder();
var latlng = new google.maps.LatLng(53.3496, -6.3263);
var mapOptions = 
{
zoom: 8,
center: latlng
}
map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
codeAddress();//call the function
}
function codeAddress() 
{
var address = document.getElementById("Ireland").value;
geocoder.geocode( {"Ireland":address}, function(results, status) 
{
if (status == google.maps.GeocoderStatus.OK) 
{
map.setCenter(results[0].geometry.location);//center the map over the result
//place a marker at the location
var marker = new google.maps.Marker(
{
map: map,
position: results[0].geometry.location
});
} else {
alert('Geocode was not successful for the following reason: ' + status);
}
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
</html>

C'est probablement quelque chose de simple, mais comme je l'ai dit im nouveau à google maps et html et aimerais un peu d'aide merci donc de ne pas voter contre.
Grâce

OriginalL'auteur user3232726 | 2014-01-28

  1. 11

    Cela va changer la codeAddress fonction à un argument et de géocodage cet argument. Si vous passez l'Irlande variable comme argument, il va de géocodage "Dublin".

    var Ireland = "Dublin";
function initialize() 
{
geocoder = new google.maps.Geocoder();
var latlng = new google.maps.LatLng(53.3496, -6.3263);
var mapOptions = 
{
zoom: 8,
center: latlng
}
map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
codeAddress(Ireland);//call the function
}
function codeAddress(address) 
{
geocoder.geocode( {address:address}, function(results, status) 
{
if (status == google.maps.GeocoderStatus.OK) 
{
map.setCenter(results[0].geometry.location);//center the map over the result
//place a marker at the location
var marker = new google.maps.Marker(
{
map: map,
position: results[0].geometry.location
});
} else {
alert('Geocode was not successful for the following reason: ' + status);
}
});
}

    OriginalL'auteur geocodezip

  2. 2

    Juste Essayer avec cette.

     <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Google Map Address</title>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var geocoder = new google.maps.Geocoder();
var address = "Dublin";
geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
var latitude = results[0].geometry.location.lat();
var longitude = results[0].geometry.location.lng();
initialize(latitude,longitude);
} 
}); 
function initialize(latitude,longitude) {
var latlng = new google.maps.LatLng(latitude,longitude);
var myOptions = {
zoom: 14,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControl: false
};
var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
var marker = new google.maps.Marker({
position: latlng, 
map: map, 
title:"location : Dublin"
}); 
}
</script>
</head>
<body>
<h2>Google Map Address</h2>
<div id="map_canvas" style="width:710px; height:300px"></div>   
</body>
</html>
    Merci Jenson! J'ai été en mesure d'obtenir votre solution fonctionne pour moi, en utilisant une seule adresse, mais comment peut-on le faire avec un tableau d'adresses? J'ai pour géocoder un tas de sites (tous dans la même ville) et déposer les broches de chaque emplacement. J'ai une liste des endroits à venir à partir d'un fichier json et j'ai pour itérer sur chaque emplacement et la mettre sur la carte. Je peux le centre de la carte manuellement sur la ville depuis tous les emplacements sont dans la même ville, mais je vais avoir du mal à décider sur la meilleure façon de faire une boucle par les données json. Je tiens à garder les choses simples en utilisant la vanille JS.

    OriginalL'auteur Jenson M John