谷歌地图加载静态图片答案

【问题标题】：Google map loads static image谷歌地图加载静态图片
【发布时间】：2012-06-18 14:36:41
【问题描述】：

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

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

【问题讨论】：

如果您提供完整代码的链接或将其放在 jsFiddle 上，那么我们可以对其进行调试。否则我们只是猜测。
实际上我的 javascript 代码太长了，这是其中的一部分，我正在为我的用户提供添加地图的工具。所以我只是从用户那里获取输入（城市名称并使用地理编码我会得到 latlag），但目前我正在从示例中硬编码这个 latlan。因此，当用户单击添加地图按钮时，会调用此函数并添加地图。但是一个静态的，我想要互动
所以它不应该只用你展示给我们的代码给你静态。因此，它是在页面的其余部分发生的事情。也许您可以摘录一部分演示问题的代码并将其发布。否则，您要求我们调试我们看不到的东西，因为您发布的部分看起来正确。我不会那样做的。

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

【解决方案1】：

150.644，-34.397，此坐标不存在

【讨论】：

原帖有-34.397, 150.644，没错。 @wavedrop，对于 LatLng 对象，纬度必须排在第一位。纬度从 -90 到 90，因此使用 Damax 发布的方式将是经度/纬度。

【解决方案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

【讨论】：

如果我没记错的话，投票给你的人想告诉你，这里不是写故事或新奇事物的地方。不介意回答你的问题:)
他提供了 7 行格式良好的代码，所以虽然看起来我是在黑暗中拍摄，但实际上没有太多信息可以继续，更不用说我正在尝试帮助。如果他想要一个银盘上的答案，我认为我不应该为此投票。我写小说了吗？无论哪种方式，不要那么粗鲁如何，尤其是在您寻求帮助时。爱在哪里，礼仪在哪里。