Question

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

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

Answer 1

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

我想它也可能是你所包含的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

Answer 2

150.644，-34.397，此坐标不存在

Google地图加载静态图片

2 个答案: