Javascript 谷歌地图加载静态图像

我在我的项目中使用谷歌地图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:options中为false，但使用此选项后，将不加载任何内容、贴图和图像

---

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

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

我猜它也可能是您包含的javasscript文件。另外，有两个API，看起来您可以有两个不同的API键。也许你有一个静态的。所以这里有三种不同的选择。其中最有可能的就是问题，因为代码非常小，在我看来格式良好

API v3

静态地图

我会尝试添加一个控件。或者给我们多一点你的代码

向地图添加控件

您可能希望通过删除、添加或修改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);
}

这是代码的参考

---

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

我猜它也可能是您包含的javasscript文件。另外，有两个API，看起来您可以有两个不同的API键。也许你有一个静态的。所以这里有三种不同的选择。其中最有可能的就是问题，因为代码非常小，在我看来格式良好

API v3

静态地图

我会尝试添加一个控件。或者给我们多一点你的代码

向地图添加控件

您可能希望通过删除、添加或修改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);
}

这是代码的参考

---

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

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

如果我没有错的话，投票否决你的人想告诉你，这里不是写故事或小说的地方。不介意回答你的问题：他提供了7行格式良好的代码，因此，虽然看起来我是在暗中拍摄，但实际上没有太多的信息可供参考，更不用说我正在尝试帮助。如果他想要一个银盘上的答案，我认为我不应该因此而被否决。我写小说了吗？不管怎样，不要那么粗鲁，尤其是当你请求帮助的时候。爱在哪里，礼仪在哪里。如果我没说错的话，投票否决你的人会告诉你，这里不是写故事或小说的地方。不介意回答你的问题：他提供了7行格式良好的代码，因此，虽然看起来我是在暗中拍摄，但实际上没有太多的信息可供参考，更不用说我正在尝试帮助。如果他想要一个银盘上的答案，我认为我不应该因此而被否决。我写小说了吗？不管怎样，不要那么粗鲁，尤其是当你请求帮助的时候。爱在哪里，我在哪里

---

如果您提供完整代码的链接或将其放在JSFIDLE上，那么我们可以对其进行调试。事实上，我的javascript代码太长了，这是其中的一部分，我为我的用户提供了一个添加地图的工具。因此，我只是从用户输入一个城市名称，并使用地理编码，我将得到latlag，但目前我硬编码这个latlan的例子。因此，当用户单击AddMap按钮时，将调用此函数并添加map。但是一个静态的，我想要交互的，它不应该给你静态的，只有你给我们看的代码。因此，这是发生在页面其余部分的事情。也许您可以摘录一部分代码来演示问题，然后发布。否则，您要求我们调试一些我们无法看到的内容，因为您发布的部分看起来是正确的。如果您提供完整代码的链接或将其放在JSFIDLE上，那么我们就可以对其进行调试。事实上，我的javascript代码太长了，这是其中的一部分，我为我的用户提供了一个添加地图的工具。因此，我只是从用户输入一个城市名称，并使用地理编码，我将得到latlag，但目前我硬编码这个latlan的例子。因此，当用户单击AddMap按钮时，将调用此函数并添加map。但是一个静态的，我想要交互的，它不应该给你静态的，只有你给我们看的代码。因此，这是发生在页面其余部分的事情。也许您可以摘录一部分代码来演示问题，然后发布。否则，您要求我们调试一些我们无法看到的内容，因为您发布的部分看起来是正确的。我不会那么做的。原来的帖子是-34.397150.644，这是正确的@波降，纬度必须是LatLng物体的第一位。纬度是从-90到90，所以Damax发布的方式应该是经度/纬度。原始帖子是-34.397150.644，这是正确的@波降，纬度必须是LatLng物体的第一位。纬度是从-90到90，所以按照Damax发布的方式就是经度/纬度。