ASP.NET MVC4 - 一个用于绘制世界地图并在给定纬度/经度和半径的情况下在地图上绘制圆的库

Question

我正在寻找一个能够在ASP.NET MVC4应用程序中绘制世界地图的简单解决方案。将呈现地图的特定视图将强类型化为联系人记录的集合（IEnumerable）（联系人是我的对象）。在Contact类中，我将拥有纬度/经度/半径。我希望能够在地图上显示指示纬度和经度的点，并使用半径在地图上绘制一个圆。

有谁知道任何SIMPLE解决方案？我查看了谷歌地图（他们有一个丰富的API） - 但我在他们的解决方案中缺少的部分是能够在给定纬度/经度坐标和半径的情况下在地图上绘制一个形状。

Answer 1

Google Maps API确实可以实现这一点。

尝试以下

function initialize() {
  var mapOptions = {
    zoom: 4,
    center: new google.maps.LatLng(34.052234, -118.243684),
    mapTypeId: google.maps.MapTypeId.TERRAIN
  };

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

  var circleOptions = {
      strokeColor: "#FF0000",
      strokeOpacity: 0.8,
      strokeWeight: 2,
      fillColor: "#FF0000",
      fillOpacity: 0.35,
      map: map,
      center: new google.maps.LatLng(34.052234, -118.243684),
      radius: 2000000
  };
  var circle = new google.maps.Circle(circleOptions);
}

这将在美国西海岸的地图上创建一个单曲。