2016-01-20 14 views
7

का उपयोग कर मानचित्र के रूप में svg का उपयोग करें। क्या एसवीजी छवि का उपयोग leaflet.js के लिए आधार मानचित्र के रूप में करना संभव है?leaflet.js

मेरे मामले में मेरे पास विशाल svg फ़ाइल है और मैं अपने उपयोगकर्ताओं को ज़ूम, मार्कर, परतों जैसे सभी पुस्तिकाओं का उपयोग करने की अनुमति देना चाहता हूं।

उत्तर

10

हाँ, तुम सिर्फ imageOverlay उपयोग कर सकते हैं, इस

var imageUrl = 'http://www.lib.utexas.edu/maps/historical/newark_nj_1922.jpg', 
imageBounds = [[40.712216, -74.22655], [40.773941, -74.12544]]; 

L.imageOverlay(imageUrl, imageBounds).addTo(map); 

की तरह यहाँ एक उदाहरण के लिए एक jsfiddle है: http://jsfiddle.net/rimig/86o3h89m/

+0

धन्यवाद !! आपने सीमाओं की गणना कैसे की? – amitdar

+0

मैंने पहेली को अपडेट किया। यह आप पर निर्भर करता है, बस 'छविबाउंड = [[0, 0], [100, 100]] कर सकता है; और फिर बस इसे केंद्र रखने के लिए' केंद्र: [50, 50], ज़ूम: 1' को पास करें। –

+0

मेरी अज्ञानता को क्षमा करें (और आपके महान उत्तर के लिए धन्यवाद) लेकिन सीमाओं को सेट करने और फिर केंद्र पारित करने और ऊपर की टिप्पणी की तरह ज़ूम करने से क्या होता है? – Kristopher

संबंधित मुद्दे