2014-02-13 2 views
-2

У меня есть карта 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; 
+2

Центр вашего круга не должен быть точкой, он должен быть latlng, правильно? – user2930100

+0

Я поменял его на латлан, как было предложено - см. Редактировать Qu - не работает tho :( –

+0

Это странно [отлично работает для меня] (http://jsfiddle.net/n6p54/1/) – geocodezip

ответ

1

Это не выглядит, как вы установили позицию для круга.

Возможно, попробуйте изменить center: point на center: new google.maps.LatLng(YOURLAT, YOUR LONG) в качестве теста.

+0

извините - я отредактирую мой Qu –

Смежные вопросы