google map 绘制虚线边界

本文介绍了一种使用Google Maps API在地图上绘制带箭头的虚线路径的方法。通过定义路径坐标、设置线条属性(如颜色、透明度、宽度等),并利用自定义图标实现虚线效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


[javascript]

function drawPrePath(array,color){  
    
  var sorrow={  
  path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW //arrow  
  };  
  var lineSymbol = {  
  path: 'M 0,-1 0,1',  
  strokeOpacity: 1,  //透明度
  scale: 3  //虚线长短
  };  
  var pathCoord = [  
  new google.maps.LatLng(37.772323, -122.214897),new google.maps.LatLng(21.291982, -157.821856),  
  new google.maps.LatLng(-18.142599, 178.431),new google.maps.LatLng(-27.46758, 153.027892)  
  ];  
  path = new google.maps.Polyline({  
  path: pathCoord ,  //虚线走的路径
  strokeColor:"#2d2d2d",  //线条颜色
  strokeOpacity: 0,  //填充色透明度
  strokeWeight: 2,  //宽度
  icons:[{icon:lineSymbol,offset: '0',repeat: '20px'}], //虚线偏移、重复度 
  map:map  
  });  
  path.setMap(map);  
}  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值