小编ami*_*adi的帖子

在谷歌地图v3上更改多重折线笔触颜色

我需要创建多条折线,每条折线都有自己的颜色,并且它们的标记相互连接,我使用的是谷歌地图v3.

例如,我有五个标记,它们都通过红色折线相互连接.现在我想在多种配色方案中显示这种红色折线,第一个折线为绿色,第二个为蓝色,第三个为黑色,依此类推.

这是我的代码

<script type='text/javascript'>
var poly;
var map;
var path;
var i = parseInt(0, 10);
var marker;          

function initialize() {
  var chicago = new google.maps.LatLng(41.879535, -87.624333);
  var myOptions = {
    zoom: 7,
    center: chicago,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);
  var polyOptions = {
    strokeColor: '#000000',
    strokeOpacity: 1.0,
    strokeWeight: 3
  }
  poly = new google.maps.Polyline(polyOptions);
  poly.setMap(map);
  // Add a listener for the click event
  google.maps.event.addListener(map, 'click', addLatLng);
}

/**
* Handles click events on a map, and …
Run Code Online (Sandbox Code Playgroud)

javascript jquery google-maps-api-3

5
推荐指数
1
解决办法
8909
查看次数

标签 统计

google-maps-api-3 ×1

javascript ×1

jquery ×1