谷歌地图加载静态图像

Google map loads static image

本文关键字：图像 静态 加载 谷歌地图      更新时间：2023-09-26

我在项目中使用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选项中，但使用它后它不会加载任何内容（没有地图，没有图像）。

请告诉我这是怎么回事？

> 150.644， -34.397，此坐标不存在

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

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

接口 v3

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

静态地图

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

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

向地图添加控件

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

默认情况下，某些控件会显示在地图上，而其他控件则不会显示，除非您特别请求。在映射中添加或删除控件在以下 Map 选项对象的字段中指定，您将其设置为 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

相关文章：