У меня есть карта google с маркером и кругом на нем, маркер отлично работает, но круг не появляется.google maps - круг не отображается
Я уставился на код и по сравнению с кучей похожих материалов в Интернете, но для жизни меня не вижу, где я ошибаюсь.
Может ли кто-нибудь помочь мне?
function initialize() {
var userLocation = "London";
var geocoder = new google.maps.Geocoder();
var circle;
var styles = [
{
stylers: [
{ hue: "#00ffe6" },
{ saturation: -20 }
]
}
];
geocoder.geocode({"address": userLocation}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
var latLng = results[0].geometry.location;
//alert (latLng);
var mapOptions = {
center: latLng,
zoom: 6,
styles: styles,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
var marker = new google.maps.Marker({
map: map,
position: results[0].geometry.location,
draggable: true
});
var circle = new google.maps.Circle({
map: map,
radius: 50000, //your radius in meters
fillColor: "#000000",
center: point
});
$("#ListingGeolocation").val(results[0].geometry.location);
google.maps.event.addListener(marker, "dragend", function(){
var position = marker.getPosition();
map.setCenter(position);
$("#ListingGeolocation").val(position.lat() + " ," + position.lng());
});
} else {
alert("Geocode failed. Please edit your address (top of the page) and try again.");
}
});
}
google.maps.event.addDomListener(window, "load", initialize);
EDIT
я пытался вставлять переменную LatLng из кода выше в моем сердце, но он не работает
var latLng = results[0].geometry.location;
Центр вашего круга не должен быть точкой, он должен быть latlng, правильно? – user2930100
Я поменял его на латлан, как было предложено - см. Редактировать Qu - не работает tho :( –
Это странно [отлично работает для меня] (http://jsfiddle.net/n6p54/1/) – geocodezip