Google maps api 3 GeoJSON FeatureCollection中LineString要素对象中的显式笔划颜色

在FeatureCollection GeoJSON对象的构造函数中，为每个Feature对象内联指定笔划颜色的正确方法是什么？我尝试了很多方法将其设置为蓝色，但结果仍然是默认的黑色笔划颜色。谢谢

线条颜色
html，正文{
身高：100%；
保证金：0；
填充：0；
}
#地图{
身高：100%；
}
var映射；
函数initMap（）{
map=new google.maps.map（document.getElementById（'map'）{
中心：{lat:33.9720，lng:-81.0527}，
缩放：6
});
map.data.addGeoJson({
“类型”：“FeatureCollection”，
“特点”：[
{“类型”：“特征”，
“几何学”：
{“类型”：“行字符串”，
“坐标”：[[-81.0527,33.9720]，
[-79.6651, 34.9167], 
[-85.0252, 38.6221]], 
“strokeColor”：“#0000FF”，
},
“strokeColor”：“#0000FF”，
“风格”：{“strokeColor”：“#0000FF”}
}
],
“strokeColor”：“#0000FF”
});
}

请参阅上的文档

如果只希望所有多段线均为蓝色，则只需执行以下操作：

map.data.setStyle(function (feature) {
    return {
        strokeColor: "#0000FF"
    };
});

但是，如果您在标题中暗示要在GeoJSON中指定颜色，则可以在功能的

属性中设置
strokeColor
，然后使用
getProperty
检索它：

var strokeColor = feature.getProperty('strokeColor');

然后使用该选项动态设置多段线的颜色：

map.data.setStyle(function (feature) {
    var strokeColor = feature.getProperty('strokeColor');
    return {
        strokeColor: strokeColor,
        strokeWeight: 2
    };
});


代码片段：


var映射；
函数initMap（）{
var gbounds=new google.maps.LatLngBounds（）；
gbounds.extend（新的google.maps.LatLng（33.9720039368，-81.052734375））；
gbounds.extend（新的google.maps.LatLng（34.9167518616，-79.6651229858））；
map=new google.maps.map（document.getElementById（'map'）{
中心：gbounds.getCenter（），
缩放：6
});
map.data.setStyle（函数（特性）{
var strokeColor=feature.getProperty（'strokeColor'）；
返回{
strokeColor:strokeColor，
冲程重量：2
};
});
map.data.addGeoJson({
“类型”：“FeatureCollection”，
“特点”：[{
“类型”：“功能”，
“几何学”：{
“类型”：“行字符串”，
“坐标”：[
[-81.052734375, 33.9720039368],
[-79.665122985799997, 34.916751861599998],
[-85.025260925300003, 38.622150421100002]
],
},
特性：{
“strokeColor”：“#0000FF”
}
}, {
“类型”：“功能”，
“几何学”：{
“类型”：“行字符串”，
“坐标”：[
[-80.1, 33.9],
[-79.6, 34.916751861599998],
[-85.1, 39.6]
],
},
特性：{
“strokeColor”：“FF0000”
}
}]
});
}
google.maps.event.addDomListener（窗口'load'，initMap）
html，
身体{
身高：100%；
保证金：0；
填充：0；
}
#地图{
身高：100%；
}

线条颜色