लेखन त्रुटि: अपरिभाषित संपत्ति

Question

की 'latlng' मैं एक्स पाने के लिए कोशिश कर रहा हूँ पढ़ा नहीं जा सकता, वाई माउस चाल पर समन्वय करता है। और जब मैं इसे प्राप्त करने की कोशिश कर रहा हूं तो मुझे त्रुटि मिल रही है।

TypeError: Cannot read property 'latlng' of undefined at mouseMove (dashboard:593) at HTMLDivElement.onmousemove (dashboard:442)

<div id="map" onmousemove="mouseMove()"></div> 
<script type="text/javascript"> 
     var iMaxZoom = 1; 

     var map = L.map('map', { 
      crs: L.CRS.Simple, 
      minZoom: -5, 
      maxZoom: 1 
     }); 



     var bounds = [[0,0], [711,473]]; 

     var image = L.imageOverlay('{!! asset('assets/images/birlikmarket.png') !!}', bounds).addTo(map); 
     map.fitBounds(bounds); 
     // mouse move detect x, y coordinates 
     function mouseMove(e) { 
      var tileSize = [711,473] 
      try { 
       console.log(e.latlng) 
      }catch(error) { 
       console.log(error) 
      } 
} 
</script> 

Answer 1

माउस के LatLng हो रही है जब इस तरह के MouseMove के रूप में दिए गए घटना पत्रक

अपने दृष्टिकोण से जुड़ा एक मुद्दा में होता है कि आप एक देशी डोम घटना के लिए एक घटना श्रोता जोड़ रहे है । इसके बजाय एक कस्टम लीफलेट माउस ईवेंट में श्रोता जोड़ें जो आपको latLng तक पहुंच प्रदान करेगा।

map.on का पहला तर्क घटना नाम है। दूसरा तर्क कॉलबैक फ़ंक्शन है जब ईवेंट होता है। इस कॉलबैक फ़ंक्शन "ई" में पारित तर्क पुस्तिका है जो लीफलेट ईवेंट का प्रतिनिधित्व करता है। इस घटना पर गुणों में से एक latlng है।

निम्नलिखित रखो अपने स्क्रिप्ट टैग के अंदर:

map.on('mousemove', function(e) { 
    alert("Lat, Lon : " + e.latlng.lat + ", " + e.latlng.lng) 
}); 

"MouseMove" एक पत्रक माउस घटना को दर्शाता है। पत्रक कार्यक्रमों में लैट्लिंग जैसी जानकारी होती है जो मूल डीओएम कार्यक्रमों जैसे "ऑनमूसोम" पर मौजूद नहीं होगी।

साथ ही आप इस तरह पिक्सेल नक्शा जहां घटना हुई पर निर्देशांक के रूप में माउस घटना की अन्य संपत्तियों पहुँच सकते हैं। अधिक जानकारी के लिए this देखें।

याद रखें कि आप इस घटना को "क्लिक" में आसानी से बदल सकते हैं और जब उपयोगकर्ता मानचित्र पर क्लिक करता है तो केवल लैट एलएनजी निर्देशांक को अलर्ट कर सकता है। http://jsfiddle.net/LnzN2/684/