Google Map Circle无法正常工作

debugcn 发表于 Dev

到__

无法在Google地图上绘制圆圈

我正在按照google的本教程进行操作：

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

我找不到我在做什么的错误。

这是我的Google Map API代码：

    <style>
      #map_canvas {
        width: 500px;
        height: 400px;
      }
    </style>
<?php
$lat = '11.0183';
$lng = '76.9725';
?>
    <script src="https://maps.googleapis.com/maps/api/js"></script>
    <script>
      function initialize() {
        var mapCanvas = document.getElementById('map_canvas');
        var mapOptions = {
          center: new google.maps.LatLng("<?php echo $lat ;?>", <?php echo $lng ;?>),
          population: 14856,
          zoom: 11,
          mapTypeId: google.maps.MapTypeId.TERRAIN
        }
        var map = new google.maps.Map(mapCanvas, mapOptions)
      }
      google.maps.event.addDomListener(window, 'load', initialize);

      var citymap = {};
citymap['userplace'] = {
  center: new google.maps.LatLng("<?php echo $lat ;?>", <?php echo $lng ;?>),
  population: 14856
};

var cityCircle;
var map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);

  // Construct the circle for each value in citymap.
  // Note: We scale the area of the circle based on the population.
  for (var city in citymap) {
    var populationOptions = {
      strokeColor: '#FF0000',
      strokeOpacity: 0.8,
      strokeWeight: 2,
      fillColor: '#FF0000',
      fillOpacity: 0.35,
      map: map,
      center: citymap[city].center,
      radius: Math.sqrt(citymap[city].population) * 100
    };
  };

    </script>

  <body>
    <div id="map_canvas"></div>
  </body>

我只想在已加载的地图中绘制圆圈。

我怎样才能解决这个问题？？

南比

删除phpcode像这样使用的引号，否则它将值作为字符串。

var mapOptions = {
          center: new google.maps.LatLng(<?php echo $lat ;?>, <?php echo $lng ;?>),
          population: 14856,
          zoom: 11,
          mapTypeId: google.maps.MapTypeId.TERRAIN
        }

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。