1

我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在选项中，但使用它后它什么都不加载（没有地图，没有图像）。

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

4

2 回答 2

2

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

我想它也可能是您包含的 javascript 文件。此外，有两个 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

于 2012-06-18T14:42:26.090 回答
2

150.644，-34.397，这个坐标不存在

于 2012-06-18T14:59:44.713 回答