我有一个google地图,它从Visual Studio 2013的localhost上运行的GeoJSON文件加载标记。它也以chrome(从IIS服务器)运行,但不会在IE版本11中运行。该地图显示了,但是标记来自JSON文件没有。为什么在IIS 8上的Chrome和VS中的IE 11上,而不在IIS 8上的IE 11中,这可以在Chrome中工作?
var map;
var infowindow = new google.maps.InfoWindow({ });
function initialize() {
map = new google.maps.Map(document.getElementById('googleMap'), {
center: new google.maps.LatLng(15.508742, -0.120850),
zoom: 2,
mapTypeId: google.maps.MapTypeId.HYBRID,
scrollwheel: false
});
google.maps.event.addListener(map, 'click', function() {
infowindow.close();
});
// Load a GeoJSON from the same server as our demo.
map.data.loadGeoJson('locations.json');
// Set event listener for each feature.
map.data.addListener('click', function (event) {
infowindow.setContent("<div> " + event.feature.getProperty('city') + " " + event.feature.getProperty('date') + "<br>" + event.feature.getProperty('course') + "<br>Sponsored by: " + event.feature.getProperty('sponsor') + "<br>" + "<a href=" + "/Training.aspx" + ">Click here to Register</a>" + "</div>");
infowindow.setPosition(event.latLng);
infowindow.setOptions({ pixelOffset: new google.maps.Size(0, -34) });
infowindow.open(map);
});
map.data.addListener('mouseover', function (event) {
//infowindow.setContent("<div class=\"map_info_box\" > " + event.feature.getProperty('city') + " " + event.feature.getProperty('date') + "<br>" + event.feature.getProperty('course') + "<br>Sponsored by: " + event.feature.getProperty('sponsor') + "<br>" + "<a href=" + "/Training.aspx" + ">Click here to Register</a>" + "</div>");
infowindow.setContent("<div> " + event.feature.getProperty('city') + " " + event.feature.getProperty('date') + "<br>" + event.feature.getProperty('course') + "<br>Sponsored by: " + event.feature.getProperty('sponsor') + "<br>" + "<a href=" + "/Training.aspx" + ">Click here to Register</a>" + "</div>");
infowindow.setPosition(event.latLng);
infowindow.setOptions({ pixelOffset: new google.maps.Size(0, -34) });
infowindow.open(map);
});
}
google.maps.event.addDomListener(window, 'load', initialize);
IE中的兼容性视图阻止了geoJSON文件的加载。我放
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
在页面顶部,它解决了问题。
非常感谢geocodezip,他在上面的评论中为我指明了正确的方向。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句