在基于谷歌地图的标记时间中绘制多边形
Draw Polygon in Googlemap based marker time
我想通过在谷歌地图中连接标记来绘制多边形。时间与每个标记相关联。所以我想根据时间连接每个点。我该怎么做。目前代码是这样实现的。我需要改变的地方。
var marker = new Array();
var points = new Array();
for(var i=0;i<value.length;i++)
{
var tempar=value[i].split(',');
var center = new GLatLng(tempar[0], tempar[1]);
var mar = new GMarker(center, icon);
var imgpth=tempar[3];
var tme=tempar[2];
marker.push(mar);
marker[i].time = tempar[2];
points.push(marker[i].getLatLng());
drawMarker(mar,imgpth,tme);
}
for(i=;i<marker.length;i++)
{
map.addOverlay(marker[i]);
}
var polyline = new GPolygon(points, "#f33f00", 2, 1, "#ff0000", 0.2);
map.addOverlay(polyline);
最简单的方法是按时间对数组进行排序marker
。假设 time
属性具有一些合理的值(不是字符串):
marker.sort(function(a,b){return a.time-b.time});
如果time
是字符串,则:
marker.sort(function(a,b) {
var date1 = new Date(a.time);
var date2 = new Date(b.time);
return date1.getTime() - date2.getTime();
});
相关文章:
- 在时间线上绘制点的公式
- 浮点:以日期/时间作为 x 轴的图形未正确绘制
- 带注释的时间线,重新绘制时图形会闪烁
- 谷歌用数字绘制时间线
- 如何在html5中根据时间在画布上绘制条形图
- 绘制时间轴 - D3.js
- Highchart:从 java 传递系列映射时绘制日期时间图表问题
- .js当前时间线:如何仅根据日期绘制线条
- flot 绘制时间戳问题
- 在基于谷歌地图的标记时间中绘制多边形
- 拆分脚本/CSS 是否会产生更快的执行/绘制时间
- 在 D3.js 中绘制实时时间序列时奇怪的 x 值
- HTML5,在加载时将像素渲染为图像,以加快绘制时间
- 绘制 D3 折线图后如何添加更多时间序列数据
- 谷歌绘制你的时间线api
- JQuery-使用FlotCharts绘制php中的时间序列数据
- 使用人力车绘制时间序列图.输入数据的格式
- 起始时间序列高位图在特定日期/时间绘制
- 如何在D3.js线形图上绘制时间数据
- HTML 5基于给定时间绘制圆弧