Google maps 渲染的KML层不';t填充多边形

Google maps 渲染的KML层不';t填充多边形,google-maps,kml,fill,Google Maps,Kml,Fill,我试图在一个GMAPSAPI项目上渲染一些简单的kml层,但我发现,不管我怎么做,多边形都不会填充 我使用以下代码加载KML层: var kmlLayerCenter = new google.maps.KmlLayer('<kmlFileRoute>', { suppressInfoWindows: true, preserveViewport: true, map: map }); var kmlLayerCenter

我试图在一个GMAPSAPI项目上渲染一些简单的kml层,但我发现,不管我怎么做,多边形都不会填充

我使用以下代码加载KML层:

var kmlLayerCenter = new   google.maps.KmlLayer('<kmlFileRoute>', {
        suppressInfoWindows: true,
        preserveViewport: true,
        map: map
    });
var kmlLayerCenter=new google.maps.KmlLayer(“”{
suppressInfoWindows:对,
对,,
地图:地图
});
这是KML代码:

<?xml version="1.0" encoding="utf-8" ?>
<kml xmlns="http://www.opengis.net/kml/2.2">
  <Document id="root_doc">
    <Folder>
      <name>Distrito_Centro_KML</name>
      <Placemark>
        <Style>
          <LineStyle>
            <color>ff0000ff</color>
          </LineStyle>
          <PolyStyle>
            <fill>1</fill>
            <color>ff0000ff</color>
            <outline>1</outline>
          </PolyStyle>
        </Style>
        <Polygon>
          <outerBoundaryIs>
            <LinearRing>
              <coordinates>
                -5.67256283331951,43.5397440536399 
                ----- LOTS OF POINTS ------
                -5.67256283331951,43.5397440536399
              </coordinates>
            </LinearRing>    
          </outerBoundaryIs>
        </Polygon>
      </Placemark>
    </Folder>
  </Document>
</kml>

发行中心KML
ff0000ff
1.
ff0000ff
1.
-5.67256283331951,43.5397440536399 
-----很多要点------
-5.67256283331951,43.5397440536399
多边形渲染为红色边框,但没有任何填充颜色。我试图在KML内部到处碰触价值观,但没有成功


任何帮助都将不胜感激。

看起来谷歌地图KML渲染器现在对卷绕方向很敏感(您在问题中没有提供)

:

函数initMap(){
var map=new google.maps.map(document.getElementById('map'){
缩放:5,
中心:{
拉脱维亚:24.886,
液化天然气:-70.268
},
mapTypeId:'地形'
});
var kmlLayerCenter=new google.maps.KmlLayer({
网址:'http://www.geocodezip.com/geoxml3_test/kml/SO_20181122b.kml',
suppressInfoWindows:对,
//对,,
地图:地图
});
}
html,
身体,
#地图{
身高:100%;
保证金:0;
填充:0;
}

看起来Google Maps KML渲染器现在对弯曲方向很敏感(您在问题中没有提供)

:

函数initMap(){
var map=new google.maps.map(document.getElementById('map'){
缩放:5,
中心:{
拉脱维亚:24.886,
液化天然气:-70.268
},
mapTypeId:'地形'
});
var kmlLayerCenter=new google.maps.KmlLayer({
网址:'http://www.geocodezip.com/geoxml3_test/kml/SO_20181122b.kml',
suppressInfoWindows:对,
//对,,
地图:地图
});
}
html,
身体,
#地图{
身高:100%;
保证金:0;
填充:0;
}

好吧,难以置信,但这是真的。。。似乎KML层上的点应该逆时针排序,以允许GMAPSAPI渲染填充颜色

我不完全明白这是为什么,但它似乎工作得很好


我找到了关于解决方案的信息,虽然geocodezip的答案或多或少在同一个方向上,但直到我反转坐标字符串中出现的填充颜色的每个点为止。

好的,难以置信,但确实如此。。。似乎KML层上的点应该逆时针排序,以允许GMAPSAPI渲染填充颜色

我不完全明白这是为什么,但它似乎工作得很好


我找到了关于解决方案的信息,虽然geocodezip答案或多或少在同一个方向上,但直到我反转坐标字符串中出现的填充颜色的每个点为止。

我看到您的两个示例都已填充:o(Ffx 63)看起来像是一个暂时的问题/错误,并且已经修复。您的原始示例现在可以使用了吗?不,原始示例仍然无法填充多边形,而坐标反转的示例填充了ok o_o?我看到您的两个示例都填充了:o(Ffx 63)看起来是一个临时问题/错误,已经修复。您的原始示例现在可以工作了吗?不,原始示例仍然无法填充多边形,而坐标反转的示例填充ok_o