6

假设我有 2 个办公地点要用于我的联系页面。我想要一个嵌入的谷歌地图来显示这两个位置。在谷歌地图本身中，我能够显示两个地图标记。但是，嵌入 HTML 代码仅使用输入的第一个地址。

问题 1：是否可以更改 Google 提供的 HTML 嵌入代码以显示第二个位置的地图标记？

问题 2（仅当上述答案为“是”时）：如何？

以下是 Google 提供的一些示例嵌入代码：

<iframe width="920" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.ca/maps?hl=en&amp;client=safari&amp;q=33+Victoria+St.,+Toronto,+ON+M5C+3A1&amp;ie=UTF8&amp;hq=&amp;hnear=33+Victoria+St,+Toronto,+Ontario+M5C+3A1&amp;gl=ca&amp;t=m&amp;ll=43.536603,-79.796448&amp;spn=0.696882,2.526855&amp;z=9&amp;iwloc=A&amp;output=embed"></iframe><br /><small><a href="https://maps.google.ca/maps?hl=en&amp;client=safari&amp;q=33+Victoria+St.,+Toronto,+ON+M5C+3A1&amp;ie=UTF8&amp;hq=&amp;hnear=33+Victoria+St,+Toronto,+Ontario+M5C+3A1&amp;gl=ca&amp;t=m&amp;ll=43.536603,-79.796448&amp;spn=0.696882,2.526855&amp;z=9&amp;iwloc=A&amp;source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small>
4

3 回答 3

11

您可以通过使用My Places. 以下是实现此目的的步骤：

  1. 在谷歌地图中，​​注意My Places旁边的按钮Get Directions- 点击它。
  2. 单击Create a Map左侧面板中的
  3. 指定标题和描述（可能是关于您办公室的信息），然后点击保存。
  4. 现在像在搜索栏中一样搜索您的两个位置。
  5. 单击Save to map左侧面板上结果列表底部的 ，然后指定要保存到的地图（应该是您之前设置的标题）。
  6. 对这两个位置都这样做，然后像通常那样使用嵌入工具来嵌入地图。
于 2012-06-20T19:56:30.627 回答
6

我不确定您的问题的答案，但 Google API 非常方便且相对容易学习。

创建标记实际上只需要 3 行、新标记、标记位置和您正在使用的地图。在 JS 中创建具有多个标记的地图也相对较短。这是一个示例。

function initialize() {
    var myOptions = {
        zoom: 4,
        center: new google.maps.LatLng(-25.363882, 131.044922),
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    var map = new google.maps.Map(document.getElementById('map_canvas'),
        myOptions);

    var marker = new google.maps.Marker({
        position: map.getCenter(),
        map: map,
    });
    var marker2 = new google.maps.Marker({
        position: new google.maps.LatLng(35, 96),
        map: map,
    });
}
google.maps.event.addDomListener(window, 'load', initialize);

如果将来需要，使用 API 还可以让您进一步向地图添加更多功能。最终，您可能希望让标记显示它们的位置，甚至可能获得前往其中一个标记的路线。谷歌已经编写了所有这些代码，任何人都可以使用。

这是一个使用融合表 API 的更高级的示例，但是除了标记之外，您还可以使用许多很酷的功能。 https://developers.google.com/fusiontables/docs/samples/infowindow_driving_directions

于 2012-06-21T02:44:10.673 回答
0

尝试将您的办公地点保存到 Google 我的地图，然后在 iframe 的 href 中提供地图的链接地址

于 2012-06-20T19:40:33.087 回答