Fatal编程技术网
  • javascript/
  • Javascript 谷歌地图中多边形之间的KML垂直线

Javascript 谷歌地图中多边形之间的KML垂直线

javascript google-maps google-maps-api-3

Javascript 谷歌地图中多边形之间的KML垂直线,javascript,google-maps,google-maps-api-3,kml,Javascript,Google Maps,Google Maps Api 3,Kml,我正在给谷歌地图添加一个KML图层。KML文件是使用Grads（版本2.1.a3）生成的，然后上传到我们的web服务器上。这些线似乎将内部多边形连接到外部多边形 我最初认为这是一个梯度问题，程序在渲染带有孔的多边形时遇到问题，但是，我检查了同一层，并且线条不存在。对我来说，这意味着问题要么在于谷歌地图中KML文件的解释方式，要么在于我自己的编码错误 KML层通过以下方式加载到Google地图： var kmlUrl = 'http://www.urltokml.com/kmlfile.kml?'

我正在给谷歌地图添加一个KML图层。KML文件是使用Grads（版本2.1.a3）生成的，然后上传到我们的web服务器上。这些线似乎将内部多边形连接到外部多边形

我最初认为这是一个梯度问题，程序在渲染带有孔的多边形时遇到问题，但是，我检查了同一层，并且线条不存在。对我来说，这意味着问题要么在于谷歌地图中KML文件的解释方式，要么在于我自己的编码错误

KML层通过以下方式加载到Google地图：

var kmlUrl = 'http://www.urltokml.com/kmlfile.kml?'+Math.random();
var kmlOptions = {
    suppressInfoWindows: false,
    preserveViewport: false,
    map: map
};
var kmlLayer = new google.maps.KmlLayer(kmlUrl,kmlOptions);
KML文件包含许多不同的多边形，因此下面显示了一个示例

有人知道是什么导致这些线条出现吗？KML数据中是否有一些功能是Google Earth可以处理的，而Google Maps不能

非常感谢你的帮助

<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://www.opengis.net/kml/2.2">
 <Document id="Created by GrADS-2.1.a3">
<Style id="56">
  <LineStyle>
    <color>ffc83c48</color>
    <width>0</width>
  </LineStyle>
  <PolyStyle>
    <color>ffc83c48</color>
    <fill>1</fill>
  </PolyStyle>
</Style>
<Style id="49">
  <LineStyle>
    <color>ffd26414</color>
    <width>0</width>
  </LineStyle>
  <PolyStyle>
    <color>ffd26414</color>
    <fill>1</fill>
  </PolyStyle>
</Style>
<Style id="47">
  <LineStyle>
    <color>fff08228</color>
    <width>0</width>
  </LineStyle>
  <PolyStyle>
    <color>fff08228</color>
    <fill>1</fill>
  </PolyStyle>
</Style>
<Style id="45">
  <LineStyle>
    <color>fff5a550</color>
    <width>0</width>
  </LineStyle>
  <PolyStyle>
    <color>fff5a550</color>
    <fill>1</fill>
  </PolyStyle>
</Style>
<Style id="43">
  <LineStyle>
    <color>fffad296</color>
    <width>0</width>
  </LineStyle>
  <PolyStyle>
    <color>fffad296</color>
    <fill>1</fill>
  </PolyStyle>
</Style>
<Style id="41">
  <LineStyle>
    <color>ffffffe1</color>
    <width>0</width>
  </LineStyle>
  <PolyStyle>
    <color>ffffffe1</color>
    <fill>1</fill>
  </PolyStyle>
</Style>
<Style id="1">
  <LineStyle>
    <color>ffffffff</color>
    <width>0</width>
  </LineStyle>
  <PolyStyle>
    <color>ffffffff</color>
    <fill>1</fill>
  </PolyStyle>
</Style>
<Style id="32">
  <LineStyle>
    <color>ffbeffc8</color>
    <width>0</width>
  </LineStyle>
  <PolyStyle>
    <color>ffbeffc8</color>
    <fill>1</fill>
  </PolyStyle>
</Style>
<Style id="33">
  <LineStyle>
    <color>ffaafab4</color>
    <width>0</width>
  </LineStyle>
  <PolyStyle>
    <color>ffaafab4</color>
    <fill>1</fill>
  </PolyStyle>
</Style>
<Style id="34">
  <LineStyle>
    <color>ff8cf596</color>
    <width>0</width>
  </LineStyle>
  <PolyStyle>
    <color>ff8cf596</color>
    <fill>1</fill>
  </PolyStyle>
</Style>
<Style id="35">
  <LineStyle>
    <color>ff73f578</color>
    <width>0</width>
  </LineStyle>
  <PolyStyle>
    <color>ff73f578</color>
    <fill>1</fill>
  </PolyStyle>
</Style>
<Style id="37">
  <LineStyle>
    <color>ff3cd237</color>
    <width>0</width>
  </LineStyle>
  <PolyStyle>
    <color>ff3cd237</color>
    <fill>1</fill>
  </PolyStyle>
</Style>
<Style id="21">
  <LineStyle>
    <color>ffaafaff</color>
    <width>0</width>
  </LineStyle>
  <PolyStyle>
    <color>ffaafaff</color>
    <fill>1</fill>
  </PolyStyle>
</Style>
<Style id="22">
  <LineStyle>
    <color>ff78e8ff</color>
    <width>0</width>
  </LineStyle>
  <PolyStyle>
    <color>ff78e8ff</color>
    <fill>1</fill>
  </PolyStyle>
</Style>
<Style id="23">
  <LineStyle>
    <color>ff3cc0ff</color>
    <width>0</width>
  </LineStyle>
  <PolyStyle>
    <color>ff3cc0ff</color>
    <fill>1</fill>
  </PolyStyle>
</Style>
<Style id="24">
  <LineStyle>
    <color>ff00a0ff</color>
    <width>0</width>
  </LineStyle>
  <PolyStyle>
    <color>ff00a0ff</color>
    <fill>1</fill>
  </PolyStyle>
</Style>
<Style id="25">
  <LineStyle>
    <color>ff0060ff</color>
    <width>0</width>
  </LineStyle>
  <PolyStyle>
    <color>ff0060ff</color>
    <fill>1</fill>
  </PolyStyle>
</Style>
<Style id="26">
  <LineStyle>
    <color>ff0032ff</color>
    <width>0</width>
  </LineStyle>
  <PolyStyle>
    <color>ff0032ff</color>
    <fill>1</fill>
  </PolyStyle>
</Style>
<Style id="27">
  <LineStyle>
    <color>ff0014e1</color>
    <width>0</width>
  </LineStyle>
  <PolyStyle>
    <color>ff0014e1</color>
    <fill>1</fill>
  </PolyStyle>
</Style>
<Style id="28">
  <LineStyle>
    <color>ff0000c0</color>
    <width>0</width>
  </LineStyle>
  <PolyStyle>
    <color>ff0000c0</color>
    <fill>1</fill>
  </PolyStyle>
</Style>
<Style id="29">
  <LineStyle>
    <color>ff0000a5</color>
    <width>0</width>
  </LineStyle>
  <PolyStyle>
    <color>ff0000a5</color>
    <fill>1</fill>
  </PolyStyle>
</Style>
<Style id="55">
  <LineStyle>
    <color>ffdc6070</color>
    <width>0</width>
  </LineStyle>
  <PolyStyle>
    <color>ffdc6070</color>
    <fill>1</fill>
  </PolyStyle>
</Style>
<Style id="56">
  <LineStyle>
    <color>ffc83c48</color>
    <width>0</width>
  </LineStyle>
  <PolyStyle>
    <color>ffc83c48</color>
    <fill>1</fill>
  </PolyStyle>
</Style>
<Style id="57">
  <LineStyle>
    <color>ffb4283c</color>
    <width>0</width>
  </LineStyle>
  <PolyStyle>
    <color>ffb4283c</color>
    <fill>1</fill>
  </PolyStyle>
</Style>
<Placemark>
  <styleUrl>#33</styleUrl>
  <name>3 to 5</name>
  <Polygon>
    <altitudeMode>clampToGround</altitudeMode>
    <tessellate>1</tessellate>
    <outerBoundaryIs>
      <LinearRing>
        <coordinates>
          6.30084,60.0071,0 6.32486,60.0179,0 6.35121,60.0071,0 6.32486,59.9889,0 6.30084,60.0071,0 
        </coordinates>
      </LinearRing>
    </outerBoundaryIs>
  </Polygon>
</Placemark>
<Placemark>
  <styleUrl>#33</styleUrl>
  <name>3 to 5</name>
  <Polygon>
    <altitudeMode>clampToGround</altitudeMode>
    <tessellate>1</tessellate>
    <outerBoundaryIs>
      <LinearRing>
        <coordinates>
          6.93315,60.0612,0 6.91946,60.095,0 6.90916,60.1152,0 6.88215,60.1693,0 6.91946,60.1737,0 6.97351,60.1738,0 
          6.98845,60.1693,0 7.02756,60.1586,0 7.07997,60.1152,0 7.07345,60.0612,0 7.02756,60.0377,0 6.97351,60.0314,0 
          6.93315,60.0612,0 
        </coordinates>
      </LinearRing>
    </outerBoundaryIs>
  </Polygon>
</Placemark>
<Placemark>
  <styleUrl>#33</styleUrl>
  <name>3 to 5</name>
  <Polygon>
    <altitudeMode>clampToGround</altitudeMode>
    <tessellate>1</tessellate>
    <outerBoundaryIs>
      <LinearRing>
        <coordinates>
          7.27598,60.6017,0 7.29783,60.6188,0 7.31795,60.6017,0 7.29783,60.5971,0 7.27598,60.6017,0 
        </coordinates>
      </LinearRing>
    </outerBoundaryIs>
  </Polygon>
</Placemark>
and so on...


ffc83c48
0
ffc83c48
1.
ffd26414
0
ffd26414
1.
fff08228
0
fff08228
1.
fff5a550
0
fff5a550
1.
fffad296
0
fffad296
1.
ffffffe1
0
ffffffe1
1.
ffffffff
0
ffffffff
1.
ffbeffc8
0
ffbeffc8
1.
ffaaf4
0
ffaaf4
1.
ff8cf596
0
ff8cf596
1.
ff73f578
0
ff73f578
1.
ff3cd237
0
ff3cd237
1.
法法夫
0
法法夫
1.
ff78e8ff
0
ff78e8ff
1.
ff3cc0ff
0
ff3cc0ff
1.
ff00a0ff
0
ff00a0ff
1.
ff0060ff
0
ff0060ff
1.
ff0032ff
0
ff0032ff
1.
ff0014e1
0
ff0014e1
1.
ff0000c0
0
ff0000c0
1.
ff0000a5
0
ff0000a5
1.
ffdc6070
0
ffdc6070
1.
ffc83c48
0
ffc83c48
1.
FFB428C
0
FFB428C
1.
#33
3至5
攀爬地面
1.
6.30084,60.0071,0 6.32486,60.0179,0 6.35121,60.0071,0 6.32486,59.9889,0 6.30084,60.0071,0 
#33
3至5
攀爬地面
1.
6.93315,60.0612,0 6.91946,60.095,0 6.90916,60.1152,0 6.88215,60.1693,0 6.91946,60.1737,0 6.97351,60.1738,0 
6.98845,60.1693,0 7.02756,60.1586,0 7.07997,60.1152,0 7.07345,60.0612,0 7.02756,60.0377,0 6.97351,60.0314,0 
6.93315,60.0612,0 
#33
3至5
攀爬地面
1.
7.27598,60.6017,0 7.29783,60.6188,0 7.31795,60.6017,0 7.29783,60.5971,0 7.27598,60.6017,0 
等等
如果将tesselate设置为0，有什么区别吗？要了解有关KML的更多信息，请检查此项。要了解更多信息，您还可以查看。非常感谢，将tesselate设置为0并没有改变图像，而且线条仍然存在。如果将tesselate设置为0，有什么区别吗？要了解有关KML的更多信息，请检查此项。要了解更多信息，您还可以查看。谢谢，将tesselate设置为零并没有改变图像，不幸的是，线条仍然存在