OpenLayers显示谷歌地图

OpenLayers to display google maps

本文关键字：谷歌地图 显示 OpenLayers      更新时间：2023-09-26

我试图在我的web应用程序中显示谷歌地图，但它显示为空白。我的地图.js如下

var head= document.getElementsByTagName('head')[0];
var script= document.createElement('script');
script.type= 'text/javascript';
script.src= 'http://maps.google.com/maps/api/js?sensor=false';
head.appendChild(script);
map = new OpenLayers.Map({
    div: "map",
    allOverlays: true
});
var google_map_layer = new OpenLayers.Layer.Google('Google Map Layer', {});
map.addLayer(google_map_layer);

我使用的是开放层2.10版本。我哪里错了？请帮忙。

检查控制台是否存在JavaScript错误。还可以查看教程：

  • http://trac.osgeo.org/openlayers/wiki/BaseLayersAndOverlays

  • http://trac.osgeo.org/openlayers/wiki/Layer/Google

  • http://openlayers.org/blog/2010/07/10/google-maps-v3-for-openlayers/

相关文章：