bigemap how to use offline maps published OpenLayer

How to use offline maps published OpenLayer

Published: 2018-01-17 Copyright:

 

I. Description:

    Openlayer version used in this example is the latest Openlayer3, map downloader using Bigemap map downloader.

    Openlayer Download: https://github.com/openlayers/ol3/releases/download/v3.20.1/v3.20.1-dist.zip

II. Download map tiles

1. Open Biemap map downloader, marquee to be published range maps, double-click on the pop-up download options box, select the type of tile Google, png format file type is recommended for optimum clarity.

QQ screenshot 20161221170942.png

Three configuration Openlayer:

After the download is complete map tiles, the tiles are placed in the tile at the site directory folder.

Create an index.html file, placed in the website directory.

Openlayer introduced downloaded file, both files are required to introduce

    css.png

Finally, the file structure as shown below:

    sss.png

index.html HTML section below:

html.png

   

FIG JS are the following:

 

QQ screenshot 20161221170634.png

    

Thus configured, enter the website address in the browser, you can browse the following chart:


QQ screenshot 20161221170848.png

I downloaded the source point

Guess you like

Origin blog.csdn.net/www2111/article/details/93631480