প্রথমে আপনাকে অবশ্যই গুগল টাইলস বা কোনও মানচিত্র সরবরাহকারী গ্রহণ করতে হবে এবং তারপরে এগুলি কিছু উপযুক্ত ডিরেক্টরিতে রেখে দিতে হবে।



এর পরে আপনাকে অবশ্যই একটি ওয়েব পরিষেবা বিকাশ করতে হবে যা অবশ্যই এক্স / ওয়াই / জেড ফ্রোমেটে থাকতে হবে যা ক্লিনেটের পাশের অ্যাপ্লিকেশন যেমন লিফলেট.জা বা আর্কগিস জাভাস্ক্রিপ্ট এপিআই দ্বারা কল করা যেতে পারে
এই ওয়েব সার্ভিকে অবশ্যই ক্লিনেটে টাইল চিত্র সরবরাহ করতে হবে
আপনার এই ছবিটির জন্য অনুরোধ
{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);
বা লিফলেট.জেএস এ
var tileHtbrid = 'your url' + '/{z}/{x}/{y}';
var tilemap = L.tileLayer(tileHtbrid, {
minZoom: 7, maxZoom: 25,
attribution: 'TileServer'
})