我正在制作一张显示一些标记的简单地图。该代码似乎在 Chrome 和 Firefox 中运行良好,但不会在 IE 中呈现。这是我在运行代码时得到的图片:http: //imageshack.us/photo/my-images/833/iemapgrey.png/
没有 javascript 错误,至少在 IE 调试控制台中没有。这是代码:
<script src="http://maps.google.com/maps?file=api&v=2&key={{=GOOGLEMAP_KEY}}" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(-34.885931,-66.093750), 1);
map.setZoom(map.getZoom()+5);
map.enableScrollWheelZoom();
// Create a base icon for all of our markers that specifies the
// shadow, icon dimensions, etc.
var baseIcon = new GIcon();
baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
baseIcon.iconSize = new GSize(20, 34);
baseIcon.shadowSize = new GSize(37, 34);
baseIcon.iconAnchor = new GPoint(9, 34);
baseIcon.infoWindowAnchor = new GPoint(9, 2);
baseIcon.infoShadowAnchor = new GPoint(18, 14);
var blueIcon = new GIcon();
blueIcon.image = "http://www.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png";
blueIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
blueIcon.iconSize = new GSize(37, 34);
blueIcon.shadowSize = new GSize(37, 34);
blueIcon.iconAnchor = new GPoint(9, 34);
blueIcon.infoWindowAnchor = new GPoint(9, 2);
blueIcon.infoShadowAnchor = new GPoint(18, 14);
function createMarker(point, i, message) {
// Set up our GMarkerOptions object
if(i==0) markerOptions = { icon:blueIcon };
else markerOptions= {}
var marker = new GMarker(point, markerOptions);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(message);
});
return marker;
}
{{for row in sites:}}{{if row.latitude and row.longitude:}}
var point = new GLatLng({{=row.latitude}},{{=row.longitude}});
map.addOverlay(createMarker(point, 0, 'Direccion: {{=row.adress}}, Operador: {{=row.owner}} <br> <a href="site/{{=row.legacy_site_id}}">Ver Sitio</a>'));
{{pass}}{{pass}}
}
}
//]]>
</script>
谢谢您的帮助!!