kmz/geoxml3：如何在 infowindows 中抑制“到这里 - 从这里”行？答案

【问题标题】：kmz/geoxml3: How to suppress "To Here - From Here" line in infowindows?kmz/geoxml3：如何在 infowindows 中抑制“到这里 - 从这里”行？
【发布时间】：2014-10-01 07:13:36
【问题描述】：

自从从 google.maps.KmlLayer 移动到 geoxml3 后，我现在在每个信息窗口底部的新行上都有“到这里”和“从这里”链接。我该如何摆脱这些？

在我发布上面的原始问题后，我发现这发生在 kmz 分支而不是 polys 分支上。我需要 kmz 分支来处理带有阴影的标记，这些标记要么宽于 32 像素，要么偏离中心。

我可能超出了我的理解范围，但是查看KMZ source 似乎 kmz/geoxml3 将始终添加 Directions 行，如果该地标有一个 latlng，也就是说对于每个地标。

所以，除非有 infoWindowOption 或我没有看到的东西，否则我想我所能做的就是破解加载 geDirections 的代码，大约在第 1206-1215 行。但是有什么方法可以在不破解 kmz/geoxml3 的情况下抑制这条线？

当前地图在http://allbluesdance.com/bluesmapgeoxml3_005.php，代码（去掉了文字样式）是：

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
        html { height: 100% }
        #page-body { height: 100%; margin: 0; padding: 0; }
        #map-canvas { 
            height: 100%;
        }
    </style>
    <script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDDFrP7MSD1ieFEvaF95BRlwHa0S72Fy1s&sensor=FALSE">
    </script>
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script src="http://geoxml3.googlecode.com/svn/branches/kmz/geoxml3.js"></script>
    <script src="http://geoxml3.googlecode.com/svn/trunk/ProjectedOverlay.js"></script>
    <script>

        function initialize() {
            var mapOptions = {
                center: new google.maps.LatLng(20,-100),
                zoom: 2,
                preserveViewport: true
            };
            var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);   
            var blues = new geoXML3.parser({map: map, singleInfoWindow: true, zoom: false});
            blues.parse('http://allbluesdance.com/allbluesdance_003.kml');
        }

        google.maps.event.addDomListener(window, 'load', initialize);

    </script>
  </head>
  <body id="page-body">
    <div id="map-canvas"/>  
  </body>
</html>

KML 文件是：

<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://earth.google.com/kml/2.2">
<Document>
    <name>Blues Dance Cities</name>
    <description><![CDATA[]]></description>
    <Style id="style1">
        <IconStyle>
            <Icon>
                <href>http://allbluesdance.com/bluemarkershadow_49x32.png</href>
                <scale>1.0</scale>
            </Icon>
            <hotSpot x="24" y="0" xunits="pixels" yunits="pixels" />
        </IconStyle>
    </Style>

    <Placemark>
        <name>Argentina</name>
        <description>
            <![CDATA[<h6>Blues Playground <a href="http://www.bluesplayground.blogspot.com/" target="_blank">Site</a>, 
            <a href="https://www.facebook.com/groups/225196297497142/" target="_blank">Group</a></h6>
            ]]>
        </description>
        <styleUrl>#style1</styleUrl>
        <Point>
            <coordinates>-58.38159310000003,-34.6037232,0.0</coordinates>
        </Point>
    </Placemark>

    <Placemark>
        <name>Australia &amp; New Zealand</name>
        <description>
            <![CDATA[<h6><a href="https://www.facebook.com/groups/369022273182480/" target="_blank">Blues Dancers ANZ</h6>
            <h6><a href="https://www.facebook.com/groups/1437271016490252/" target="_blank">Blues, Fusion &amp; Alt-Blues Dancing<br>
            &emsp;(Australia &amp; NZ)</h6>
            ]]>
        </description>
        <styleUrl>#style1</styleUrl>
        <Point>
            <coordinates>162.5,-37,0.0</coordinates>
        </Point>
    </Placemark>
.
.
.

谢谢，画了

【问题讨论】：

我会接受 kmz 分支的补丁，它添加了一个默认为 true 的“directions”选项，并且当为 false 时会禁用 infowindows 中的“to here”/“from here”。这不应该太难添加（我很确定它不存在）。我想你也可以制作an enhancement request in the issue tracker。
是的，此时我刚刚从 kmz/geokml3.js 的第 197 行删除了方向行，所以我现在很好。一旦我完全获得所有已经存在的选项，我将提出该增强请求。谢谢。

标签： infowindow directions geoxml3

【解决方案1】：

Added an option to suppress the directions links in the infowindow in the KMZ branch of geoxml3（KMZ 分支第 113 版）

像这样使用它：

var blues = new geoXML3.parser({
              map: map, 
              singleInfoWindow: true, 
              suppressDirections: true,
              zoom: false
            });

working example

【讨论】：