如何在没有标记的情况下将信息窗口添加到谷歌地图中

How can I add an Infowindow to a google map without a marker

本文关键字：窗口 信息窗 信息 添加 谷歌地图 情况下      更新时间：2023-09-26

如何在没有标记的情况下将信息窗口添加到地图中，以便手动指定位置（latlng）。这里有一个使用点击位置的解决方案，但我想自己指定它。到目前为止，我尝试过：

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));

在听众内部，但没有起作用。出现一个错误，说它无法读取为打开信息窗口而提供的lating。有什么想法吗？

您必须设置位置，在打开调用中使用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);

小提琴

代码片段：

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>

相关文章：