谷歌地图API:信息窗口在错误的位置

Google Maps API: InfoWindow at wrong location

本文关键字：错误 位置 窗口 信息窗 API 信息 谷歌地图      更新时间：2023-09-26

>我的程序现在将输入作为消息和位置，然后它将地图中心更改为该新位置并在那里显示一条消息。这是相关代码段（可根据要求提供完整代码）

function submitPosition(position){
  var messageContent =  $('#message').val();
  var dateTime = new Date();
  var px = position.coords.latitude;
  var py = position.coords.longitude;
  var newLoc = new google.maps.LatLng(px, py);
  db.push({
    author: "Anynomous",
    message: messageContent,
    date: dateTime.toString(),
    location: newLoc
  });
  map.setCenter(newLoc, 5);
  var infoWindow = new google.maps.InfoWindow({
    content: "<p>" + messageContent + "</p>",
    location: newLoc
  });
  infoWindow.open(map);
}

但是，只有地图放在右侧中心，并且消息处于关闭状态。我不明白到底发生了什么。

如果您

使用地理位置添加位置，则需要将选项添加到您的信息窗口，如下所示： 

var infowindow = new google.maps.InfoWindow({
    map: map,
    position: pos,
    content: 'Your Location.'
});

在我的小提琴中尝试此代码片段：这里

如果您需要有关信息窗口中选项的详细信息，请阅读此内容。

可能对你有点帮助..

相关文章：