圆点半径在ASP中也称为地理围栏.. NET c#与谷歌地图

本文关键字：NET 谷歌地图 ASP | 更新日期: 2023-09-27 18:15:59

我正在使用asp开发一个web应用程序。净c#。我目前正在使用这个地图控制器。http://googlemap.artembg.com/我想做的是，我想让用户可以点击地图，在用户点击的地方可以看到一个标记，在这个区域周围有一个半径圈，用户应该可以改变半径。我在ASP中到处搜索了一些示例。Net c#，但我找不到它。我想要这样的东西:http://www.freemaptools.com/radius-around-point.htm

有什么建议吗?

圆点半径在ASP中也称为地理围栏.. NET c#与谷歌地图

也许为了帮助你开始，你可以发现这段javascript代码很有用，然后尝试使其适应c#控件提供的任何内容。

var map;
var marker;
function initialize() {
    var optns = {
        zoom: 6,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.HYBRID
    }
    map = new google.maps.Map(document.getElementById("myMap"), optns);
    google.maps.event.addListener(map, 'click', function(event) {
        setCurrentLocation(event.latLng, 10);
    });
}
function setCurrentLocation(location, crcl_radius){
    if(marker)
        marker.setMap(null);
    var opts = {
        map: map,
        position: location,
        clickable:false
    };
    marker = new google.maps.Marker(opts);
    var circle = new google.maps.Circle({
            map: map,
            radius: crcl_radius,
            fillColor:'#efefef',
            fillOpacity:0.5,
            strokeColor:'#ff0000',
            strokeWeight:2
    });
   circle.bindTo('center', marker, 'position');
}

无论何时点击地图，上面的代码都会创建一个半径为10的圆。你可以从那里开始，试着适应你的需要。

上面假设您有一个id为myMap的div，您的地图将在其中显示。

相关文章：