在做项目中碰到要绘制预测路径,这种一般都是用虚线绘制。查了好久没弄出来,后来在一同事的推荐发现了googleMap的一个官方网站有这种绘制demo,总结一下供大家借鉴
代码供上
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);
}
重点代码:
var lineSymbol = {path: 'M 0,-1 0,1',strokeOpacity: 1,scale: 3};
关键在于’M 0,-1 0,1’ 其实这是SVG的绘制路径的写法,具体什么意思我还解释不清楚。嘻嘻 自己学svg教程吧!
本人另外的博客地址 http://zhailulu.github.com/blog/2012/12/25/map/
分享到:
相关推荐
Google mapGoogle mapGoogle mapGoogle mapGoogle mapGoogle mapGoogle map
GOOGLE MAP api 7个案例。 CurrentAddress 得到当前位置 gMap 地形 路线 GoogleMapDemo 当前位置 MAP 绘制路线 MapView 放大缩小 WeatherMap 在MAP上添加图片 WorldCities 城市经纬度的切换 以及 动画切换效果
Google Map API 接口调用。
安卓 android google map 谷歌地图
google map api 参考文档google map api 参考文档google map api 参考文档google map api 参考文档google map api 参考文档google map api 参考文档
GoogleMap api 中文 GoogleMap api 中文 GoogleMap api 中文 GoogleMap api 中文 GoogleMap api 中文
google mapgoogle mapgoogle mapgoogle mapgoogle mapgoogle map
GoogleMap 开发源码
GoogleMap控件是一款开源控件。 下载
googleMap根据经纬度获取地理位置,里面有使用代码,只需填入经纬度即可获取地理位置信息
google map 的应用实例,可以使用离线地图,很实用
Google Map Reduce 中文版 论文 Google Map Reduce 中文版 论文 Google Map Reduce 中文版 论文
google map for android
下载googlemap,主要用于方便各位下载google地图
详尽的介绍了google map api 并简单的举了几个例子,能帮助你了解Google map 编程
googleMap apk JAVA 开发的google Map
该实例实现google map和ExtJs结合开发,实现图层管理、图层可见性控制、图层要素详细信息查看等功能。
Google宣布Google Map嵌入的新方法
googlemap源码googlemap源码googlemap源码
基于Google map 的API,带搜索功能