Google地图 - Infowindow不会在点击时显示

时间:2017-08-19 01:20:48

标签: javascript jquery google-maps

我有一张载有KML文件的Google地图。我认为当点击标记时,infowindow会弹出,但它不会弹出。控制台中没有错误。

在此先感谢,我确信我只是遗漏了一些基本的东西。另外要明确的是,我希望只有一个小弹出框出现在引脚上方,而不是在侧窗等处。

这是我的地图Javascript:

    var mapCenter = new google.maps.LatLng(38.662884,-121.4861797606); //Google map Coordinates

            var map;
            var kmlUrl = 'http://www.myurl.com/Earth.kml';


            map_initialize(); // initialize google map

            function map_initialize()

            {

                    var domMap = document.getElementById('google_map');

                    var googleMapOptions = 

                    { 

                        center: mapCenter, // map center

                        zoom: 11, //zoom level, 0 = earth view to higher value

                        maxZoom: 19,

                        minZoom: 1,

                        zoomControlOptions: {



                    },

                        scaleControl: true, // enable scale control

                        mapTypeId: google.maps.MapTypeId.ROADMAP // google map type

                    };



                    map = new google.maps.Map(domMap, googleMapOptions);            



                    var overlay = new google.maps.OverlayView();

                    overlay.draw = function() {};

                    overlay.setMap(null);


            var kmlOptions = {

              suppressInfoWindows: false,

              preserveViewport: false,

              map: map

            };




            var kmlLayer = new google.maps.KmlLayer(kmlUrl, kmlOptions);


            google.maps.event.addListener(kmlLayer, 'click', function(kmlEvent) {
            var text = kmlEvent.featureData.name;
            showInContentWindow(text);
            });

            function showInContentWindow(text) {
                var sidediv = document.getElementById('content-window');
            }

这是KML的片段:

 <Placemark>
    <name>ENGLE RD &amp; MIRADERA ST (EB)</name>
    <description>Buses head EB</description>
    <Point>
      <coordinates>-121.361321,38.632107</coordinates>
    </Point>
  </Placemark>
  <Placemark>
    <name>ENGLE RD &amp; MIRADERA ST (WB)</name>
    <description>Buses head WB</description>
    <Point>
      <coordinates>-121.360985,38.632031</coordinates>
    </Point>
  </Placemark>

1 个答案:

答案 0 :(得分:0)

看起来我能够在测试页面上使功能无问题,因此我的生产页面中必定存在导致问题的内容。所以我知道我的代码很好,所以我会看到我能找到的差异。