我有一个加载了KML文件的谷歌地图。 我以为信息窗口会在单击标记时弹出,但它没有弹出。 控制台中没有错误。
提前感谢,我确定我只是缺少一些基本的东西。 另外要明确的是,我只希望小弹出框出现在引脚上方,而不是侧窗等。
这是我的地图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 & MIRADERA ST (EB)</name>
<description>Buses head EB</description>
<Point>
<coordinates>-121.361321,38.632107</coordinates>
</Point>
</Placemark>
<Placemark>
<name>ENGLE RD & MIRADERA ST (WB)</name>
<description>Buses head WB</description>
<Point>
<coordinates>-121.360985,38.632031</coordinates>
</Point>
</Placemark>
看起来我能够让功能在测试页面上正常工作,因此我的生产页面中一定有什么东西导致了问题。 所以我知道我的代码很好,所以我会看看我能找到什么差异。