Javascript 为什么谷歌地图多段线笔划颜色总是黑色？_Javascript_Google Maps_Google Maps Api 3

Javascript 为什么谷歌地图多段线笔划颜色总是黑色？

javascript google-maps google-maps-api-3

Javascript 为什么谷歌地图多段线笔划颜色总是黑色？,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我已经在谷歌地图Api中绘制了一些轨迹。但我想给每个轨迹赋予不同的颜色。问题是，即使strokeColor不是“#0000”，颜色也始终为黑色。对正在发生的事情有什么想法吗？这是我的密码： <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <meta charset="utf-8"> <title>Simple Polyl

我已经在谷歌地图Api中绘制了一些轨迹。但我想给每个轨迹赋予不同的颜色。问题是，即使strokeColor不是“#0000”，颜色也始终为黑色。对正在发生的事情有什么想法吗？这是我的密码：

<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title>Simple Polylines</title>
<style>
   html, body {
    height: 100%;
    margin: 0;
    padding: 0;
  }
  #map {
    height: 100%;
  }
</style>
</head>
<body>
<div id="map"></div>

function initMap() {

    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 10,
      center: {lat: -12, lng: -77},
      mapTypeId: google.maps.MapTypeId.TERRAIN
    });


    var aristas = map.data.loadGeoJson('aristas.geojson');
    var aristasPath = new google.maps.Polyline({    
      path: aristas,
      geodesic: true,
      strokeColor: '#FF0000',
      strokeOpacity: 1.0,
      strokeWeight: 2
    });


    aristasPath.setMap(map);
  }
</script>


简单多段线
html，正文{
身高：100%；
保证金：0；
填充：0；
}
#地图{
身高：100%；
}
函数initMap（）{
var map=new google.maps.map（document.getElementById（'map'）{
缩放：10，
中心：{lat:-12，lng:-77}，
mapTypeId:google.maps.mapTypeId.TERRAIN
});
var aristas=map.data.loadGeoJson（'aristas.geojson'）；
var aristasPath=new google.maps.Polyline（{
路径：aristas，
测地线：正确，
strokeColor:“#FF0000”，
笔划不透明度：1.0，
冲程重量：2
});
aristasPath.setMap（map）；
}

您使用的是

.loadGeoJson

，它需要使用样式化，而不是作为普通样式

代码片段：

函数initMap（）{
var map=new google.maps.map（document.getElementById（'map'）{
缩放：7，
中心：{
拉丁语：-12，
液化天然气：-77
},
mapTypeId:google.maps.mapTypeId.TERRAIN
});
var aristas=map.data.addGeoJson（platesJson）；
//设置每个多段线/多边形的笔划宽度和填充颜色
map.data.setStyle({
strokeColor:“#FF0000”，
笔划不透明度：1.0，
冲程重量：2
});
}
google.maps.event.addDomListener（窗口'load'，initMap）；
var platesJson={
“类型”：“FeatureCollection”，
“crs”：{
“类型”：“名称”，
“财产”：{
“名称”：“urn:ogc:def:crs:ogc:1.3:CRS84”
}
},
“特点”：[{
“类型”：“功能”，
“财产”：{
“strnum”：420，
“代码”：201，
“数据类型”：“TR”，
“dtnum”：1，
“refnum”：9921，
“外观”：245000000，
“失踪a”：-999.000000，
“颜色”：7，
“geogdesc”：“秘鲁-智利海沟”
},
“几何学”：{
“类型”：“行字符串”，
“坐标”：[
[-81.8796, -5.0707],
[-81.876, -5.1257],
[-81.8735, -5.2358],
[-81.8737, -5.2473],
[-81.8806, -5.3778],
[-81.871, -5.4765],
[-81.8638, -5.5843],
[-81.8346, -5.736],
[-81.8182, -5.8416],
[-81.7953, -5.9634],
[-81.7765, -6.0598],
[-81.7624, -6.1654],
[-81.7437, -6.2687],
[-81.7293, -6.3536],
[-81.7064, -6.4775],
[-81.6682, -6.6405],
[-81.6263, -6.7213],
[-81.5982, -6.8087],
[-81.5294, -6.9219],
[-81.4834, -7.0347],
[-81.4483, -7.1152],
[-81.3914, -7.2533],
[-81.3679, -7.3427],
[-81.3469, -7.4436],
[-81.3323, -7.5191],
[-81.2998, -7.6201],
[-81.2756, -7.673],
[-81.2494, -7.7373],
[-81.2318, -7.7764],
[-81.2255, -7.8039],
[-81.1969, -7.866],
[-81.1661, -7.9327],
[-81.1379, -8.0129],
[-81.1037, -8.1434],
[-81.0577, -8.2559],
[-81.0115, -8.3547],
[-80.9587, -8.4649],
[-80.9126, -8.5682],
[-80.8997, -8.6139],
[-80.8439, -8.6855],
[-80.8132, -8.7611],
[-80.7695, -8.8688],
[-80.7301, -8.965],
[-80.6681, -9.0752],
[-80.6064, -9.1967],
[-80.5598, -9.2748],
[-80.5088, -9.3598],
[-80.4557, -9.4584],
[-80.4184, -9.5408],
[-80.3541, -9.6486],
[-80.2921, -9.7608],
[-80.2479, -9.8433],
[-80.201, -9.9053],
[-80.126, -10.0518],
[-80.0703, -10.1298],
[-80.0196, -10.2304],
[-79.9303, -10.3452],
[-79.8612, -10.4438],
[-79.817, -10.5261],
[-79.7463, -10.6608],
[-79.6729, -10.7684],
[-79.6218, -10.8507],
[-79.5865, -10.9169],
[-79.551, -10.9785],
[-79.5266, -11.0151],
[-79.4953, -11.0541],
[-79.4757, -11.1086],
[-79.4607, -11.1608],
[-79.4388, -11.2131],
[-79.3921, -11.2839],
[-79.3566, -11.341],
[-79.2965, -11.4323],
[-79.2206, -11.5306],
[-79.1829, -11.5899],
[-79.1426, -11.6403],
[-79.1004, -11.7064],
[-79.0628, -11.7724],
[-79.0273, -11.8293],
[-78.9893, -11.8773],
[-78.9271, -11.9752],
[-78.8806, -12.0594],
[-78.7889, -12.169],
[-78.7083, -12.2582],
[-78.6413, -12.3425],
[-78.5833, -12.42],
[-78.5209, -12.5088],
[-78.4454, -12.6269],
[-78.4124, -12.6948],
[-78.377, -12.7606],
[-78.3217, -12.858],
[-78.2665, -12.9622],
[-78.2089, -13.0619],
[-78.1528, -13.1189],
[-78.1058, -13.1713],
[-78.0453, -13.2373],
[-77.983, -13.3325],
[-77.952, -13.3868],
[-77.89, -13.4908],
[-77.7986, -13.62],
[-77.738, -13.677],
[-77.6595, -13.7566],
[-77.5585, -13.8589],
[-77.5113, -13.9045],
[-77.4488, -13.9837],
[-77.3997, -14.0471],
[-77.2988, -14.1516],
[-77.2249, -14.2354],
[-77.1801, -14.2831],
[-77.0858, -14.3761],
[-76.9742, -14.5207],
[-76.9026, -14.6066],
[-76.8151, -14.695],
[-76.7568, -14.7539],
[-76.6966, -14.8328],
[-76.6426, -14.8805],
[-76.6043, -14.9123],
[-76.5272, -14.9426],
[-76.5002, -14.9697],
[-76.4512, -15.0372],
[-76.3958, -15.1271],
[-76.3718, -15.1919],
[-76.2867, -15.2844],
[-76.1922, -15.366],
[-76.0885, -15.4455],
[-75.9892, -15.5137],
[-75.8835, -15.6065],
[-75.8343, -15.6605],
[-75.7868, -15.688],
[-75.7211, -15.7223],
[-75.6718, -15.7764],
[-75.6115, -15.8527],
[-75.5537, -15.9378],
[-75.4955, -16.003],
[-75.4324,
// Set the stroke width, and fill color for each polyline/polygon
map.data.setStyle({
  strokeColor: '#FF0000',
  strokeOpacity: 1.0,
  strokeWeight: 2
});