【问题标题】:Google maps api v3: infowindow contents are misplaced谷歌地图 api v3:信息窗口内容放错了位置
【发布时间】:2013-03-06 18:10:21
【问题描述】:

我正在使用geoxml3 解析一个kml 点文件。单击标记时,会打开一个带有一些描述的信息窗口。问题是信息显示错位,并且在我要删除的信息窗口中添加了两个链接。

有什么想法可以删除链接并正确放置信息吗?

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

以下是我正在使用的代码:

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>

【问题讨论】:

  • 我们真的需要看看 KML 文件的样子,因为 KML 地标描述可以包含 HTML - 这可能就是问题的根源。
  • 对我来说似乎是一个 CSS 问题。您使用的是哪个版本的 geoxml3?看起来这可能是 kmz 分支,我相信尝试添加方向。
  • geoxml3 的 kmz 分支为“Point”placemerks 添加了“From”/“To”方向链接。

标签: google-maps google-maps-api-3 google-maps-markers infowindow geoxml3


【解决方案1】:

【讨论】:

  • 因为 css 我只有在地图上才能在我的网络应用程序中找到它。如下: .positionMap { float: right;顶部:100 像素;高度:645px;宽度:1020px; } @geocodezip
  • 您确实看到我提供的链接没有显示问题,对吗?如果是这种情况,则问题出在您的环境中。请提供允许重现问题的链接或 jsfiddle。
  • 另外,我怎样才能在信息窗口中添加按钮,单击时我将在该特定信息窗口中获取信息? @geocodezip
  • 我不明白你在问什么,关于标记的哪些信息在你需要获取的信息窗口中?当单击按钮时,您想如何处理该信息?这几乎可以肯定是一个单独的问题,对于这个问题的 cmets 来说并不重要。
  • 因为除了正确对齐信息之外,我还需要在信息窗口中执行一个按钮,例如“到此处”,单击该按钮我将获得该特定地标的描述并将其显示在文本框中目的地@geocodezip
猜你喜欢
  • 2013-12-16
  • 2016-09-12
  • 2013-05-18
  • 1970-01-01
  • 2013-04-24
  • 2013-10-04
  • 2023-03-10
  • 1970-01-01
  • 2016-07-10
相关资源
最近更新 更多