Leaflet.TileLayer.MIERUNE is a Leaflet plugin for creating tile layers from MIERUNE MAP. (Leaflet v0.7.x - v1.x.x)

Usage

Demo

Option

m_style: "Style Name"
m_key: "API Key"

Example

index.html

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>Leaflet.TileLayer.MIERUNE example</title>
    <script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css" />
    <script src="./plugin/Leaflet.TileLayer.MIERUNE/dist/L.TileLayer.MIERUNE.js"></script>
    <link href="./css/stylesheet.css" rel="stylesheet" />
</head>
<body>
    <div id="map"></div>
    <script src="./js/script.js"></script>
</body>
</html>

stylesheet.css

html, body {
    height: 100%;
    padding: 0;
    margin: 0;
}
#map {
    z-index: 0;
    height: 100%;
}

script.js

//Free
//Style: mierune, mierune_mono
var m_color = L.TileLayer.mierune({
    m_style: "mierune"
});
//Paid
var key = "xxxxxxxxxx";
//Style: normal, gray, bright, blue, warm, MIERUNE
var m_normal = L.TileLayer.mierune({
    m_style: "normal",
    m_key: key
});
//Map
var map = L.map('map', {
    center: [35.6831925, 139.7511307],
    zoom: 13,
    zoomControl: true,
    layers: [m_color]
});
//Layer
var Map_BaseLayer = {
    "MIERUNE Color": m_color,
    "MIERUNE normal": m_normal
};
L.control.layers(Map_BaseLayer, null, {
    collapsed: true
}).addTo(map);

License

MIT