Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在谷歌地图上创建指向特定标记的链接_Javascript_Jquery_Google Maps_Dom - Fatal编程技术网

Javascript 在谷歌地图上创建指向特定标记的链接

Javascript 在谷歌地图上创建指向特定标记的链接,javascript,jquery,google-maps,dom,Javascript,Jquery,Google Maps,Dom,我使用以下示例实现了google地图商店定位器: 它工作得很好,但我试图让列表显示在实际的ul中,而不是在下拉列表中。我已将结果更改为显示为li,但我无法获得链接 它当前链接到下拉列表中选定的选项,但我想将每个li改为链接。这是我需要改变的一点: function load() { map = new google.maps.Map(document.getElementById("map"), { center: new google.maps.LatLng(53.438065,

我使用以下示例实现了google地图商店定位器:

它工作得很好,但我试图让列表显示在实际的
ul
中,而不是在下拉列表中。我已将结果更改为显示为
li
,但我无法获得链接

它当前链接到下拉列表中选定的选项,但我想将每个
li
改为链接。这是我需要改变的一点:

function load() {
  map = new google.maps.Map(document.getElementById("map"), {
    center: new google.maps.LatLng(53.438065, -1.823730),
    zoom: 4,
    mapTypeId: 'roadmap',
    mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}
  });
  infoWindow = new google.maps.InfoWindow();

  locationSelect = document.getElementById("locationSelect");
  locationSelect.onchange = function() {
    var markerNum = locationSelect.options[locationSelect.selectedIndex].value;
    if (markerNum != "none"){
      google.maps.event.trigger(markers[markerNum], 'click');
    }
  };
}

function searchLocations() {
 var address = document.getElementById("addressInput").value;
 var geocoder = new google.maps.Geocoder();
 geocoder.geocode({address: address}, function(results, status) {
   if (status == google.maps.GeocoderStatus.OK) {
    searchLocationsNear(results[0].geometry.location);
   } else {
     alert(address + ' not found');
   }
 });
}

因此,您可以在所有li项目上添加单击事件,并在该单击事件中传递标记号,如下所示:

function selectMarker(markerNum) {
    google.maps.event.trigger(markers[markerNum], 'click');
};

此selectMarker函数必须应用于所有li,才能使其正常工作。

这似乎是我需要的,您可以将其放到其他上下文中,或帮助我将其实现到我的代码中吗?当然可以,但我不知道您想要构建什么。根据你的问题,我想我已经提供了解决方案。你可以问我问题如果我用更多的代码更新了我的问题,我正在尝试创建一个商店定位器,比如示例链接。我想将列表中的每个结果链接到正确的标记,目前它只有下拉列表中更改的代码,而不是单击li。您是如何填充li的?因为它没有包含在您的代码中。它来自一个php文件(生成xml),url类似于test.co.uk/phpsqlsearch\u genxml.php?lat=50&lng=20&radius=200