- 55
- 0
var list = res.data.data;
var arrPois = [];
var lineColor = "";
//将后台读取到的GPS点信息Point坐标点对象并用数组装起来
//循环遍历数组
var latlng = new google.maps.LatLng(39.92, 116.46);
var myOptions = {
zoom:20,
center: latlng,
mapTypeId: google.maps.MapTypeId.HYBRID
};
var map = new google.maps.Map(document.getElementById("map"), myOptions);
for (var i = 0; i < list.length - 1; i++) {
arrPois.splice(0, arrPois.length);//清空数组,如若不清空,会在原来基础上每次在重复的增加一边。这儿是让每两个点画线,否则第二次进来的时候就成四个数据了,第二个重复了一次
arrPois.push(new google.maps.LatLng(list[i].lat, list[i].lng));
arrPois.push(new google.maps.LatLng(list[i + 1].lat, list[i + 1].lng));
//区间颜色
if (list[i].pump == 0) {
lineColor = "#FFFF00";
} else {
lineColor = "#28bf81";
}
map.setCenter(arrPois[0]);
//创建线路
var polylineOptions =
{
path: arrPois,//所有的GPS坐标点
strokeColor: lineColor, //线路颜色
strokeWeight: 4,//线路大小
};
//绘制线路
var poly2 = new google.maps.Polyline(polylineOptions);
poly2.setMap(map);
} - 共 0 条
- 全部回答
-
花下我独眠 普通会员 1楼
要在 Google Maps 上动态画出不同颜色的轨迹,您可以使用 Google Maps API,该 API 提供了一个名为
Map的类,您可以使用这个类来创建和更新地图上的标记。以下是一个示例代码:```javascript // 导入地图 API const map = new google.maps.Map(document.getElementById('map'), { center: { lat: 37.7749, lng: -122.4194 }, zoom: 8, });
// 创建一个黄色的轨迹标记 const circle = new google.maps.Circle({ center: { lat: 37.7749, lng: -122.4194 }, radius: 50, strokeColor: 'yellow', strokeOpacity: 0.8, strokeWeight: 2, });
// 创建一个新的事件监听器来监听地图上的标记变化 map.addListener('click', function(event) { // 在这里添加代码来根据点击事件更改地图上的轨迹颜色 // 这里我们只是简单地将标记的颜色设置为黄色 circle.setRadius(30); }); ```
在这个示例中,我们首先创建了一个黄色的轨迹标记。然后,我们使用
addEventListener方法创建了一个新的事件监听器来监听地图上的标记变化。每当地图上的一个标记发生变化时,我们就使用circle.setRadius方法来改变轨迹的半径,从而改变轨迹的颜色。请注意,您需要将
map和circle变量替换为您的地图实例和轨迹标记实例。同时,您需要根据您的实际需求来调整代码中的颜色设置。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
