Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/398.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在Maps API v3中更改多段线的路径?_Javascript_Google Maps_Path_Move_Polyline - Fatal编程技术网

Javascript 如何在Maps API v3中更改多段线的路径?

Javascript 如何在Maps API v3中更改多段线的路径?,javascript,google-maps,path,move,polyline,Javascript,Google Maps,Path,Move,Polyline,有一种方法可以使用Javascript中的Google Maps API v3更改多段线的位置 如何更改已绘制线的“路径”选项?我已经改变了“圆”的位置,但不是“半径线” 映射初始代码: var latlng = new google.maps.LatLng(lat, lng); var map = new google.maps.Map(document.getElementById('map'),{ zoom: 13, cent

有一种方法可以使用Javascript中的Google Maps API v3更改多段线的位置

如何更改已绘制线的“路径”选项?我已经改变了“圆”的位置,但不是“半径线”

映射初始代码

var latlng = new google.maps.LatLng(lat, lng);
        var map = new google.maps.Map(document.getElementById('map'),{
            zoom: 13,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.HYBRID,
            streetViewControl: false
        });

        var marker = new google.maps.Marker({
            position: latlng,
            map: map
        });

        var sunCircle = {
          strokeColor: "#c3fc49",
          strokeOpacity: 0.8,
          strokeWeight: 2,
          fillColor: "orange",
          fillOpacity: 0.15,
          map: map,
          center: latlng,
          radius: 1500
        };

        var origin = sunCircle.center;
        var endpoint = google.maps.geometry.spherical.computeOffset(sunCircle.center,sunCircle.radius,180+sunPos);

        var radiusLineSettings = {
            clickable: false,
            map: map,
            strokeColor: "orange",
            strokeWeight: 10,
            path: [origin,endpoint]
        };
        Circle = new google.maps.Circle(sunCircle);
        RadiusLine = new google.maps.Polyline(radiusLineSettings);
解决方案:

RadiusLine.setPath(...)

您需要以编程方式更改它吗?或者使多段线可编辑并拖动它?