地图上的标记无法使用 Javascript答案

【问题标题】：Marker on map is not working using Javascript地图上的标记无法使用 Javascript
【发布时间】：2023-01-30 16:23:38
【问题描述】：

我正在使用 javascript，我正在尝试在谷歌地图上显示标记，地图正在显示但标记未显示在地图上，这是我当前的代码

var latss = ''; // dynamic latitude
var longss =''; // dynamic longatitude

var locations = [   
  ['<b>Name 1</b><br>Address Line 1<br>Bismarck, ND 58501<br>Phone: 701-555-1234<br><a href="#" >Link<a> of some sort.', 46.8133, -100.7790, 4],
  ];
  
 var map = new google.maps.Map(document.getElementById('map'), 
{
  zoom: 10,
  center: new google.maps.LatLng(latss, longss),
  mapTypeId: google.maps.MapTypeId.ROADMAP
});



var infowindow = new google.maps.InfoWindow();
var marker, i;

for (i = 0; i < locations.length; i++) {
  marker = new google.maps.Marker({
    position: new google.maps.LatLng(locations[i][1], locations[i][2]),
    map: map
  });

  google.maps.event.addListener(marker, 'click', (function(marker, i) {
    return function() {
      infowindow.setContent(locations[i][0]);
      infowindow.open(map, marker);
    }
  })(marker, i));
}

【问题讨论】：

什么确切地*不管用？这是PHP问题还是JS问题？

标签： javascript php jquery google-maps

【解决方案1】：

代码中的一个问题是您在将 latss 和 longss 作为地图中心传递之前没有设置它们的值。你需要按顺序将纬度和经度值分配给这些变量使地图以正确的位置为中心。
另一个问题是您有一个未闭合的锚标记。这个可以导致意外行为或阻止显示地图适当地。你应该像这样正确关闭它：链接

尝试像这样修改代码：

var latss = 46.8133; // dynamic latitude
var longss = -100.7790; // dynamic longatitude

var locations = [   
  ['<b>Name 1</b><br>Address Line 1<br>Bismarck, ND 58501<br>Phone: 701-555-1234<br><a href="#">Link</a> of some sort.', 46.8133, -100.7790, 4],
  ];
  
 var map = new google.maps.Map(document.getElementById('map'), 
{
  zoom: 10,
  center: new google.maps.LatLng(latss, longss),
  mapTypeId: google.maps.MapTypeId.ROADMAP
});



var infowindow = new google.maps.InfoWindow();
var marker, i;

for (i = 0; i < locations.length; i++) {
  marker = new google.maps.Marker({
    position: new google.maps.LatLng(locations[i][1], locations[i][2]),
    map: map
  });

  google.maps.event.addListener(marker, 'click', (function(marker, i) {
    return function() {
      infowindow.setContent(locations[i][0]);
      infowindow.open(map, marker);
    }
  })(marker, i));
}

【讨论】：