c# - ASP.NET MVC4 - 一个绘制世界地图并在给定纬度/经度和半径的地图上绘制圆圈的库

Question

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

有谁知道任何简单的解决方案？我查看了谷歌地图（他们有丰富的 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);
}

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