Timur R's questions

例子

我试图将坐标传递给模态窗口（使地图居中），但似乎坐标没有读入 jQuery，因此地图没有居中。也许步骤顺序和打开地图有问题......

 ymaps.ready(init);
            
            var lat1 = 55;
            var long1 = 37;
            
            var lat = 55.8;
                    var long = 37.7;
 function init ()
 {  var myMap = new ymaps.Map('map',
        {   center: [lat, long],
            zoom: 9,
            controls: ["zoomControl", "fullscreenControl"]
        });
        
        myMap.setCenter([lat1, long1], 9, {
    checkZoomRange: true
        });
 }
 
 
 
 
 $('#orderModal').on('shown.bs.modal', function (event) {
  var lat2 = $(event.relatedTarget).data('LA');
  var long2 = $(event.relatedTarget).data('LO');
  
  
  myMap.setCenter([lat2, long2], 9, {
    checkZoomRange: true
        });
});
 
   

为什么 ymaps 函数看不到坐标？

例子

jQuery：

ymaps.ready(init);
var lat = $(this).data('LA');    
var long = $(this).data('LO');
    
    function init (lat, long)
    {
        var myMap = new ymaps.Map('map',
        { 
            center: [lat, long],
            zoom: 9,
            controls: ["zoomControl", "fullscreenControl"]
        });
       
    }

HTML：

<h1>Orders</h1>
 <script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
<table class="table table-striped"> <thead>
    <tr>
        <th>ID</th>
        <th>Customer</th>
        <th>Status</th>
    </tr>
    </thead>
    <tbody>
        <tr data-toggle="modal" data-LA="30" data-LO="40" data-target="#orderModal">
            <td>1</td>
            <td>24234234</td>
            <td>A</td>
        </tr>
        <tr data-toggle="modal" data-LA="35" data-LO="45" data-target="#orderModal">
            <td>2</td>
            <td>24234234</td>
            <td>A</td>
        </tr>
        <tr data-toggle="modal" data-LA="40" data-LO="50" data-target="#orderModal">
            <td>3</td>
            <td>24234234</td>
            <td>A</td>
        </tr>
    </tbody>
</table>
<div id="orderModal" class="modal hide fade" role="dialog" aria-labelledby="orderModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
         <h3>Order</h3>

    </div>
    <div class="modal-body">
  
    <div id="map" style="width: 600px; height: 400px"></div>
    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    </div>
</div>