सबसे पहले आपको Google टाइलें या कोई मैप प्रदाता प्राप्त करना होगा और उसके बाद उन्हें कुछ उपयुक्त निर्देशिकाओं में डालना होगा।



उसके बाद आपको एक वेब सेवा विकसित करनी होगी जो x / y / z fromat में होनी चाहिए जिसे लीफलेट.जा या आर्कगिस जावास्क्रिप्ट एपीपी जैसे क्लिनिक साइड एप्लिकेशन द्वारा कॉल किया जा सकता है
इस वेब सेवा को टाइल से टाइल की छवियों को पूरा करना होगा
इस छवि के लिए आपका अनुरोध है
{your url}+/google.hybrid/16/485/27411
और अंतिम रूप से एपेटेशन को जोड़ने के लिए वेब सर्विस जोड़ें। उदाहरण के लिए आर्कगिस जावास्क्रिप्ट एपीआई में
cycleMap1 = WebTiledLayer('your url'+"/${level}/${col}/${row}",{
tileInfo: TileInfo({
dpi: 96,
rows: 256,
cols: 256,
origin: {
x: -20037508.342787,
y: 20037508.342787
},
spatialReference: {
wkid: 3857
},
lods: lods
})
});
cycleMap1.setVisibility(0)
map.addLayer(cycleMap1);
या पत्रक में। js
var tileHtbrid = 'your url' + '/{z}/{x}/{y}';
var tilemap = L.tileLayer(tileHtbrid, {
minZoom: 7, maxZoom: 25,
attribution: 'TileServer'
})