Newer
Older
Loremap / dyn-map / ent.js
@HIROSE Yuuji HIROSE Yuuji on 3 Dec 2018 2 KB maxNativeZoom=18 and maxZoom=20
function entInit() {
    var baseLayer = {};
    var map_osm = new L.tileLayer(			// OpenStretMap
	'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
            attribution : '&copy; <a href="//osm.org/copyright">OpenStreetMap</a> contributors | Generated with <a href="//www.gentei.org/~yuuji/software/geomapper/">geomapper</a>',
	maxZoom: 20, maxNativeZoom: 18
	});
    baseLayer["OpenStreetMap"] = map_osm;
    
    var map_gsi = new L.tileLayer( 			// 国土地理院
	'https://cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png', {
	    attribution: "<a href='//www.gsi.go.jp/kikakuchousei/kikakuchousei40182.html' target='_blank'>国土地理院</a>",
	maxZoom: 20, maxNativeZoom: 18
	});
    baseLayer["地理院地図"] = map_gsi;

    var map_ort = new					// 地理院オルソ
    L.tileLayer('https://cyberjapandata.gsi.go.jp/xyz/ort/{z}/{x}/{y}.jpg', {
	attribution: "<a href='http://www.gsi.go.jp/kikakuchousei/kikakuchousei40182.html' target='_blank'>国土地理院</a>",
	maxZoom: 20, maxNativeZoom: 18
    });

    if (L.BingLayer) {
	var bing_key =
	    "AjyiuTOpH-_ZQdW4bvsPnNsjKBQQ6n59nrXj92ccHqwvKgiDHJxmo1tEJHs3w70K";
	map_bing = new L.BingLayer(			// BingMap
	    bing_key, {type: "Road", culture: "ja",
		       maxZoom: 20, maxNativeZoom: 18});
	baseLayer["Bing Map"] = new L.BingLayer(
	    bing_key, {type: "Road", culture: "ja",
		       maxZoom: 20, maxNativeZoom: 18});
	baseLayer["Bing Map 衛星写真"] = new L.BingLayer(
	    bing_key, {type: "Aerial", culture: "ja",
		       maxZoom: 20, maxNativeZoom: 18});
	baseLayer["Bing Map 衛星写真+ラベル"] = new L.BingLayer(
	    bing_key, {type: "AerialWithLabels", culture: "ja",
		       maxZoom: 20, maxNativeZoom: 18});
    }
    var map = L.map('map', {layers: [map_gsi]}).setView([38.891, 139.824], 10);
    var mapControl = L.control.layers(baseLayer, null).addTo(map);
    L.control.scale().addTo(map);
    function round(n, d) {
	return Math.round(n * Math.pow(10, d))/Math.pow(10, d);
    }
    function updateLatLng(latlng) {
	document.getElementById("latlon").value =
	    round(latlng.lat, 5) + ", " + round(latlng.lng, 5);
    }
    map.on('contextmenu', function(e) {
	map.panTo(e.latlng);
	updateLatLng(e.latlng);
    });
    map.on('move', function(e) {updateLatLng(map.getCenter())});
}
document.addEventListener('DOMContentLoaded', entInit);