谷歌地图api v3：infowindow内容错位

我正在使用geoxml3解析kml文件的点。点击标记后，会打开一个信息窗口并附带一些说明。问题是信息显示错位，并且在我想要删除的信息窗口中添加两个链接。谷歌地图api v3：infowindow内容错位

任何想法如何我可以删除链接，并把信息放置正确？

这是信息窗口的屏幕截图：

enter code here

以下是我使用的代码：

function initialize() { 
    directionsDisplay = new google.maps.DirectionsRenderer(); 

    var mapOptions = { 
     center: new google.maps.LatLng(35.898737028438, 14.5133403246687), 
     zoom: 17, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 

    map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); 
    directionsDisplay.setMap(map); 

    elevator = new google.maps.ElevationService(); 

    google.maps.event.addListener(map, 'click', function(event) { 
     placeMarker(event.latLng);  
    }); 

    google.maps.event.addListener(map, 'click', getElevation); 

} 

function displayKml() { 
    initialize(); 
    parser = new geoXML3.parser({ 
     map: map, 
     processStyles: true, 
     createMarker: addMyMarker, 
     createOverlay: addMyOverlay 
    });   
    parser.parse("Uploads/" + document.getElementById('<%= text2.ClientID %>').value); 
} 

function addMyMarker(placemark) { 
    parser.createMarker(placemark); 
} 

function addMyOverlay(groundOverlay) { 
    parser.createOverlay(groundOverlay); 
}

KML文件结构如下：

<?xml version="1.0" encoding="utf-8"?> 
<kml xmlns="http://www.opengis.net/kml/2.2"> 
    <Document> 
    <name>route</name> 
    <Placemark> 
     <name>210</name> 
     <description>St james cavalier,Exhibitions centre</description> 
     <Point> 
     <coordinates>14.5107742,35.8955498</coordinates> 
     </Point> 
    </Placemark> 
    </Document> 
</kml>

来源

2013-03-18 IT_info

我们确实需要查看KML文件的外观，因为KML地标标记描述可以包含HTML - 这可能是问题的起因。 – 2013-03-18 13:28:19

对我来说看起来像一个CSS问题。你正在使用哪个版本的geoxml3？看起来这可能是kmz分支，我相信试图添加方向。 – geocodezip 2013-03-18 13:42:26

geoxml3的kmz分支为“Point”位置合成器添加“From”/“To”路线链接。 – geocodezip 2013-03-18 14:08:50

您的示例KML适用于我的测试页：

多边形分支： http://www.geocodezip.com/geoxml3_test/v3_geoxml3_kmltest_linktoB.html?filename=http://www.geocodezip.com/geoxml3_test/SO_IT_info_kmlPt.xml

KMZ分支： http://www.geocodezip.com/geoxml3_test/v3_geoxml3_kmztest_linktoB.html?filename=http://www.geocodezip.com/geoxml3_test/SO_IT_info_kmlPt.xml

必须是你的CSS（你没有提供），或者在您的环境的东西。

来源

2013-03-18 16:51:06 geocodezip

as css我只有在地图上才能找到它在我的网络应用程序。它是以下内容：。位置地图 { float：right; top：100px; height：645px; width：1020px; } @geocodezip – 2013-03-18 17:02:09

你确实看到我提供的链接没有显示问题，对吗？如果是这种情况，那么问题就出在你的环境中。请提供可以复制问题的链接或jsfiddle。 – geocodezip 2013-03-18 17:13:09

是的正确@geocodezip – 2013-03-18 17:14:00

谷歌地图api v3：infowindow内容错位

回答

相关问题