ในตอนแรกคุณจะต้องได้รับไทล์ Google หรือผู้ให้บริการแผนที่และวางไว้ในไดเรกทอรีที่เหมาะสม
หลังจากนั้นคุณต้องพัฒนาเว็บเซอร์วิสที่จะต้องอยู่ใน x / y / z fromat ที่สามารถโทรได้โดยแอปพลิเคชันด้าน clinet เช่น leaflet.ja หรือ ArcGis javascript api
บริการเว็บนี้จะต้องแสดงภาพย่อยไปยังคลีนิก
คำขอของคุณสำหรับภาพนี้จะเป็น
{your url}+/google.hybrid/16/485/27411
และในที่สุดก็เพิ่ม web servic ให้กับ applicetation ของ clinet ตัวอย่างเช่นใน arcgis javascript api
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);
หรือใน leaflet.js
var tileHtbrid = 'your url' + '/{z}/{x}/{y}';
var tilemap = L.tileLayer(tileHtbrid, {
minZoom: 7, maxZoom: 25,
attribution: 'TileServer'
})