Question

我有一个谷歌地图上有一个标记和一个圆圈，标记工作正常，但圆圈没有出现。

我盯着代码并在网上搜索了一堆类似的东西，但对于我的生活，我看不出我出错的地方。

任何人都可以帮助我吗？

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);

修改

我尝试将上面代码中的latLng变量作为我的中心，但它不起作用

var latLng = results[0].geometry.location;

Answer 1

看起来你没有为圆圈设置位置。

或许尝试将center: point更改为center: new google.maps.LatLng(YOURLAT, YOUR LONG)作为测试。

谷歌地图 - 圆圈没有出现

1 个答案: