Javascript 如何在谷歌地图中将路径绘制为直线?
我正在使用Javascript 如何在谷歌地图中将路径绘制为直线?,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我正在使用polyline使用GoogleMapsV3API在地图上绘制路径。 这是我的代码: var polyline = new google.maps.Polyline({ path: path, strokeColor: color, strokeOpacity: 10, strokeWeight: 1, editable: true }); p
polyline
使用GoogleMapsV3API在地图上绘制路径。
这是我的代码:
var polyline = new google.maps.Polyline({
path: path,
strokeColor: color,
strokeOpacity: 10,
strokeWeight: 1,
editable: true
});
polyline.setMap(map);
这是部分结果
我试着画一条没有圆圈的路径,我想要一条规则的直线。
如果可能的话,我想控制它的厚度
编辑:
是
可编辑:true
使线条显示为圆形 中给出的也不是直线吗
不过,这里有一个供你玩玩的游戏
var mapOptions = { zoom: 2, center: new google.maps.LatLng(0, 60) };
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
var path = [
new google.maps.LatLng(10,20),
new google.maps.LatLng(0,40),
new google.maps.LatLng(50,60)];
var pathOptions = { path: path, strokeColor: "red", strokeWeight: 2 }
var myPath = new google.maps.Polyline(pathOptions);
myPath.setMap(map);
这可能会帮助您感谢@Spancer,但我希望使用
多段线
找到解决方案。这个问题是指两个固定点之间的直线——以这种方式绘制整个路径似乎是错误的。我想也许有一种方法可以设置一个空白图标或其他东西…嘿@loxxy-谢谢你的重播,但是你的代码和我的类似。我试图为路径中的每个点画一条没有圆圈图标的线。注意上面问题中的图片。“谢谢。”哈基我注意到了。但是你没有分享完整的代码。您可能正在添加标记…我发布的示例没有标记。我得到的输出与您发布的代码完全相同。我认为API只是用一个圆标记路径中的每个点。我试图改变图标,但当我找不到任何“图标。无”常量时,我决定联系这里的专家……哦,好吧。很高兴你知道了。:)