【问题标题】:How can I add an Infowindow to a google map without a marker如何在没有标记的情况下将信息窗口添加到谷歌地图
【发布时间】:2015-10-28 13:48:49
【问题描述】:

如何在没有标记的情况下将信息窗口添加到可以手动指定位置(纬度)的地图中。 有一个解决方案here 使用点击位置,但我想自己指定。到目前为止,我尝试过:

var infowindow = new google.maps.InfoWindow({
    content: "You start here",
    position: document.getElementById('start').value
  });

在地图初始化函数里面并使用了这段代码:

  infowindow.open(map, new google.maps.LatLng(6.473500, 81.236577));

在侦听器内部,但它不起作用。出现一个错误,说它无法读取为打开信息窗口提供的 latlng。 有什么想法吗?

【问题讨论】:

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


    【解决方案1】:

    您必须设置位置,或者在公开调用中使用google.maps.Marker 对象,或者如果您没有标记,则直接设置位置。这有效:

    var infowindow = new google.maps.InfoWindow({
        content: "You start here",
        position: new google.maps.LatLng(6.473500, 81.236577)
    });
    infowindow.open(map);
    

    fiddle

    代码 sn-p:

    function loadMap() {
      var map = new google.maps.Map(document.getElementById('map'), {
        zoom: 12,
        center: new google.maps.LatLng(6.473500, 81.236577)
      });
      var infowindow = new google.maps.InfoWindow({
        content: "You start here",
        position: new google.maps.LatLng(6.473500, 81.236577)
      });
      infowindow.open(map);
    }
    window.onload = loadMap();
    html,
    body,
    #map {
      height: 100%;
      width: 100%;
    }
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk"></script>
    <div id="map"></div>

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2018-06-05
      • 2017-07-31
      • 1970-01-01
      • 2011-08-21
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多