如何在subgurim谷歌地圖中繪制圓圈？

Question

我使用subgurim google maps v4。我需要根據（緯度，度數，半徑）繪制幾個具有不同顏色的圓。我該如何執行呢？

在搜索過程中，我發現有多個代碼可以繞過圓圈，但沒有使用subgurim google maps。可以幫忙轉換此代碼。

var Circle = new google.maps.Circle({ center: birrfeld, radius: 2000, strokeColor: color, strokeOpacity: 1, strokeWeight: 2, fillColor: color, fillOpacity: 0.4 });
                                Circle.setMap(map);

Answer 1

這是我的代碼，我使用其中包含緯度和經度的數據文件作為json。

var latlng;
var marker;
function initialize () {
var mapOptions = {  
      zoom: 2, 
      center: new google.maps.LatLng(2.8,2.8), 
      mapTypeId: google.maps.MapTypeId.TERRAIN
};

var map = new google.maps.Map(document.getElementById("mapCanvas"),mapOptions  );
console.log("alex");

$.getJSON("data/canada.json", function(data) {

  //console.log(latlngArray);
  var populationOptions = {
      strokeColor: '#FF0000',
      strokeOpacity: 0.2,
      strokeWeight: 6,
      fillColor: '#FF0000',
      fillOpacity: 0.35,
      map: map,
      center: latlng,
      radius: 20000,
      } 

  for (var i = 0; i < data.length; i++) {
    populationOptions.center = new google.maps.LatLng(data[i].Latitude,data[i].Longitude);
    cityCircle = new google.maps.Circle(populationOptions);  

  }
});  
}

function loadScript() {
  var script = document.createElement('script');
  script.type = 'text/javascript';
  script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&?key=AIzaSyB_h_TZ3jVQstD6ieduDF482_kRIyF4y1I&sensor=false&' 
  + 'callback=initialize';
  document.body.appendChild(script);
  console.log("aaa");
}
window.onload = loadScript;

HTML

<!DOCTYPE html>
<html>

<head>
<style type="text/css">
   html {height:100%},
   body {height:100%;margin:0;padding:0}

</style>
 <script src="js/jquery1.9.js"></script>
<script src="js/jquery-ui.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>


<script src="js/AlexMap.js"></script>
</head>

<body >
  <div id="heatmapArea style="width:1100px; height:900px"></div>

</body>

我使用的數據繪制了加拿大所有氣象站的一些圓圈，包括官方的和“觀察員計划”的一部分

加拿大氣象站的位置

如何在subgurim谷歌地圖中繪制圓圈？

問題描述

1 個解決方案

解決方案1
0 已采納 2014-03-15 13:51:08

如何在subgurim谷歌地圖中繪制圓圈？

問題描述

1 個解決方案

解決方案1 0 已采納 2014-03-15 13:51:08

解決方案1
0 已采納 2014-03-15 13:51:08