如何在按钮单击时显示具有特定纬度值的google map标记?

时间:2019-03-13 07:23:13

标签: javascript jquery html

当我单击特定的地址按钮,然后使用该按钮属性数据值包含lat lng初始化地图生成器代码时,却没有在单击时初始化代码,任何人都可以帮助我该怎么做?

<ul>
<li><button class="btnaddmarker" data-lat="42.745334" data-lng="12.738430">address1</button></li>
<li><button class="btnaddmarker" data-lat="44.755334" data-lng="14.73430">address2</button></li>
<li><button class="btnaddmarker" data-lat="32.743334" data-lng="10.738430">address3</button></li>
</ul>
$('.btnaddmarker').on('click', function() {
   var lat = $(this).attr("data-lat");   
   var lng = $(this).attr("data-lng");
   var marker = new google.maps.Marker({
        position: LatLng(lat, lng),
        title: 'new marker',
        draggable: true,
        map: map
    });

    var infowindow = new google.maps.InfoWindow({
        content: '<div id="infodiv2">window</div>'
    });
    //map.setZoom(15);
    map.setCenter(marker.getPosition())
})

0 个答案:

没有答案