将 Google Maps API 绑定到 Google 上的现有业务答案

【问题标题】：Binding Google Maps API to existing business on Google将 Google Maps API 绑定到 Google 上的现有业务
【发布时间】：2015-04-13 13:09:09
【问题描述】：

我曾经使用 iFrame 在网页中嵌入 Google 地图，但最近改用 JavaScript API 以提供更大的灵活性。

我正在使用坐标加载地图，效果相对较好。

但是，当我在 Google 地图或 iFrame 中查看商家时，我可以看到我正试图关注的商家，并以红色突出显示：

但我似乎无法通过 API 实现这一点——有时它根本不显示公司名称，更不用说将其突出显示为红色了。我这里以 DHL 为例。

如何使用 JS API 将地图“绑定”到营业地点？

我当前的脚本看起来很像 Google 演练页面提供的脚本：

function initialize() {
    var longLat = { lat: 52.8004265, lng: -1.6334708},
        mapOptions = {
          center: longLat,
          zoom: 18,
          scrollwheel: false,
        };
    var map = new google.maps.Map(
        document.getElementById('map-canvas'),
        mapOptions
    );
    var marker = new google.maps.Marker({
        position: longLat,
        map: map,
        title:"DHL"
    });
}
google.maps.event.addDomListener(window, 'load', initialize);

【问题讨论】：

但为什么需要 iframe？
@ngDeveloper 我不想使用 iFrame
我不太清楚这是否是您想要的，但这里是有关如何显示地点详细信息的文档。不过我从未使用过它：developers.google.com/maps/documentation/javascript/examples/…

标签： javascript google-maps google-maps-api-3

【解决方案1】：

您可以将infowindow 附加到您的标记并以这种方式显示公司名称。这是example 这是另一个使用自定义标签作为标记的示例，它可以包含企业名称。 Example

【讨论】：