CODEWITHSUNDEEP
databaseleaflettiles
Charles Okwuagwu
Charles Okwuagwu

Reputation: 10866

How TO serve Map tiles from a database using Leafletjs

Leaflet js requires the following tile source format:

http://localhost/tileserver/{z}/{x}/{y}.png

How can I serve tile images from a database instead of file system using Leafletjs (and ASP.net)

Upvotes: 1

Views: 2342

Answers (2)

Charles Okwuagwu
Charles Okwuagwu

Reputation: 10866

This works very fast and seamlessly with Leaflet:

Apparently Leaflet just uses the z,x,y place holders to request specific tiles.

How you generate and return the tiles is very flexible indeed

L.tileLayer('**http://localhost/tileserver/tile.aspx?z={z}&x={x}&y={y}**', {
    minZoom: 7, maxZoom: 16,
    attribution: 'My Tile Server'
}).addTo(map);

where Tiles.aspx

Option Strict On

Partial Class tile
    Inherits System.Web.UI.Page

    Protected Sub Page_Load(sender As Object, e As EventArgs) Handles Me.Load
        Dim z, x, y As Integer

        z = CInt(Request.QueryString("z"))
        x = CInt(Request.QueryString("x"))
        y = CInt(Request.QueryString("y"))

        Dim b() As Byte = DB.GetTile(z, x, y)

        Response.Buffer = True
        Response.Charset = ""
        'Response.Cache.SetCacheability(HttpCacheability.NoCache)
        Response.ContentType = "image/png"
        Response.AddHeader("content-disposition", "attachment;filename=" & y & ".png")
        Response.BinaryWrite(b)
        Response.Flush()
        Response.End()
    End Sub

Upvotes: 3

tmcw
tmcw

Reputation: 11882

You'll need to write a server application that reads a request URL, pulls tiles out of a database, and delivers them over the web. JavaScript does not read directly from databases.

Upvotes: 2

Related Questions