Google地图加载静态图片

时间:2012-06-18 14:36:42

标签: javascript jquery google-app-engine google-maps-api-3

我在我的项目中使用google map API。我的代码是:

var map;
var op = {
   zoom: 8,
   center: new google.maps.LatLng(-34.397, 150.644),
   mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("container"), op);

我的问题是谷歌加载静态图像而不是交互式地图。我也试过

选项中的

useStaticMap: false但是在使用它之后它什么都没有加载,(没有地图,没有图像)。

请告诉我这里发生了什么?

2 个答案:

答案 0 :(得分:2)

当你说静态地图这意味着你无法放大,平移等等。自从我使用谷歌地图以来已经有一段时间了,但我记得你可以提供能够进行缩放和平移的设置。尝试启用这些功能而不是使用静态地图。或者相反,也许你已经禁用了它们。

我想它也可能是你所包含的javasscript文件。此外,有两个API,似乎你可以有两个不同的API密钥。也许你有静态的。所以那里有三种不同的选择。很可能其中一个是问题,因为代码非常小,看起来很好。

API v3

https://developers.google.com/maps/documentation/javascript/tutorial

静态地图

https://developers.google.com/maps/documentation/staticmaps/

我会尝试添加一个控件。或者也许给我们一些你的代码。

向地图添加控件

您可能希望通过删除,添加或修改UI行为或控件来定制界面,并确保将来的更新不会改变此行为。如果您只想添加或修改现有行为,则需要确保将控件明确添加到您的应用程序中。

默认情况下,某些控件会显示在地图上,而除非您特别要求,否则其他控件将不会显示。在地图选项对象的字段中指定从地图添加或删除控件,您将其设置为true以使其可见或设置为false以隐藏它们:

{
  panControl: boolean,
  zoomControl: boolean,
  mapTypeControl: boolean,
  scaleControl: boolean,
  streetViewControl: boolean,
  overviewMapControl: boolean
}

以下示例将地图设置为隐藏导航(缩放和平移)控件并显示缩放控件。请注意,我们没有明确禁用默认UI,因此这些修改是默认UI行为的补充。

function initialize() {
  var myOptions = {
    zoom: 4,
    center: new google.maps.LatLng(-33, 151),
    panControl: false,
    zoomControl: false,
    scaleControl: true,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  }
  var map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);
}

以下是对代码的引用。

https://developers.google.com/maps/documentation/javascript/controls

答案 1 :(得分:2)

150.644,-34.397,此坐标不存在