javascript - 单击按钮时更改变量的值

Question

我必须根据按钮单击来选择 map 中的标记。我有多个标记，每个标记都与下面的按钮关联。我想在单击该按钮时更改“myloc”，默认情况下它必须选择 13, 100。

HTML

<div class="row">
    <input type="button" id="btn-first" class="btn-a" value = "First">
    <input type="button" id="btn-second" class="btn-a" value = "Second">
</div>

JS

let myloc = new L.LatLng(13, 100);
var map = L.map('map').setView(myloc, 12);

$(function () {
    $('.btn-a').on('click', function(e){
        e.preventDefault();
        var clsName = $(this).val();
        var lat, long;

        if (clsName == 'First') {
            lat = 13;
            long = 100;
        } else if(clasName = 'Second') {
            lat = 14;
            long = 101;
        }
    })
});

Answer 1

我没有看到您在任何地方设置 myLoc 对象。您只需为 lat、lng 分配值。检查下面的代码片段，看看它是否回答了您的问题。

在这里，您初始化 myLoc 并单击按钮获取 lat、lng 的新值，并在最后再次为 myLoc 设置它

//just a temp function to show the example. Dont add this in your code
var L = {
  LatLng: function(lat, lng) {
    console.log("Current Values for Lat, Lng: " + lat + " , "+ lng);
  }
}


let myloc = new L.LatLng(13, 100);
//var map = L.map('map').setView(myloc, 12);

$(function () {
    $('.btn-a').on('click', function(e){
      //  e.preventDefault();
        var clsName = $(this).val();
        var lat, long;

        if (clsName == 'First') {
            lat = 13;
            long = 100;
         } else if(clasName = 'Second') {
            lat = 14;
            long = 101;
        }
        
        //set the myloc here
         myloc = new L.LatLng(lat, long);
         //then map again
          //L.map('map').setView(myloc, 12)
    })
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="row">
    <input type="button" id="btn-first" class="btn-a" value = "First">
    <input type="button" id="btn-second" class="btn-a" value = "Second">
</div>