/ / Google Maps Geocoder и маркерите не работят - javascript, google-maps, google-maps-api-3, google-maps-markers, geocode

Google Maps Geocoder и маркер не работят - javascript, google-maps, google-maps-api-3, google-maps-маркери, geocode

Опитвам се да се заредя с адреса и да получа географската ширина и дължина на този адрес и да създам маркер с lat / long стойности.

Имам адрес, който се превръща в lat / long, но не мога да получа "новия маркер", за да вземе стойностите.

Някакви предположения?

                var latitude;
var longitude;
var myLatLng;

for (i = 0; i < locations.length; i++) {

var geocoder = new google.maps.Geocoder();
var BuisAddress = locations[i][1];
geocoder.geocode({ "address": BuisAddress }, function (results, status) {
if (status == google.maps.GeocoderStatus.OK) {
latitude = results[0].geometry.location.lat();
longitude = results[0].geometry.location.lng();
}
});


myLatLng = new google.maps.LatLng(latitude, longitude);
marker = new google.maps.Marker({
position: myLatLng,
map: map
});

**** 1st UPDATE ****

ако го направя, тогава се показва само един маркерИмам няколко адреса и прозорецът с маркери не работи. Ако направя следното, ще се появят и трите маркера, но все пак няма нито една от изскачащите прозорци.

                    var geocoder = new google.maps.Geocoder();
BuisAddress = locations[i][1];
geocoder.geocode({ "address": BuisAddress }, function (results, status) {
if (status == google.maps.GeocoderStatus.OK) {
latitude = results[0].geometry.location.lat();
longitude = results[0].geometry.location.lng();
myLatLng = new google.maps.LatLng(latitude, longitude);
marker = new google.maps.Marker({
position: myLatLng,
map: map
});
}
});


myLatLng = new google.maps.LatLng(latitude,longitude);
marker = new google.maps.Marker({
position: myLatLng,
map: map
});



google.maps.event.addListener(marker, "click", (function(marker, i) {
return function() {
var str = encodeURI(locations[i][1]).replace(",", "");
var address = str.replace(/%20/g, "+");
var infowindow = new google.maps.InfoWindow();

Отговори:

0 за отговор № 1

Можете да опитате по този начин (добавях маркер вектор за управление на колекцията от вектори)

    var latitude;
var longitude;
var myLatLng;

myMarker  = []
for (i = 0; i < locations.length; i++) {

geocoder.geocode({ "address": BuisAddress }, function (results, status) {
if (status == google.maps.GeocoderStatus.OK) {
latitude = results[0].geometry.location.lat();
longitude = results[0].geometry.location.lng();
myLatLng = new google.maps.LatLng(latitude, longitude);
marker[i] = new google.maps.Marker({
position: myLatLng,
map: map
});
}
});

google.maps.event.addListener(marker[i], "click", (function(marker[i], i) {
return function() {
var str = encodeURI(locations[i][1]).replace(",", "");
var address = str.replace(/%20/g, "+");
var infowindow = new google.maps.InfoWindow();
}
}));

}

0 за отговор № 2

Ако някой се чуди как съм го направил, ето го!

function geocodeAddress(locations, i) {
var title = locations[i][0];
var address = locations[i][1];
var url = locations[i][2];
var latitude;
var longitude;
geocoder.geocode({
"address": locations[i][1]
},

function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
latitude = results[0].geometry.location.lat();
longitude = results[0].geometry.location.lng();
var marker = new google.maps.Marker({
icon: "http://maps.google.com/mapfiles/ms/icons/blue.png",
map: map,
position: results[0].geometry.location,
title: title,
animation: google.maps.Animation.DROP,
address: address,
url: url,
latitude: latitude,
longitude: longitude
})
infoWindow(marker, map, title, address, url, latitude, longitude);
bounds.extend(marker.getPosition());
map.fitBounds(bounds);
} else {
alert("geocode of " + address + " failed:" + status);
}
});
}

function infoWindow(marker, map, title, address, url, latitude, longitude) {
google.maps.event.addListener(marker, "click", function() {
var html ="html code here...";
iw = new google.maps.InfoWindow({
content: html,
maxWidth: 350
});
iw.open(map, marker);
});
}

function createMarker(results) {
var marker = new google.maps.Marker({
icon: "http://maps.google.com/mapfiles/ms/icons/blue.png",
map: map,
position: results[0].geometry.location,
title: title,
animation: google.maps.Animation.DROP,
address: address,
url: url
})
bounds.extend(marker.getPosition());
map.fitBounds(bounds);
infoWindow(marker, map, title, address, url);
return marker;
}