Mapserver 2
개요
Mapserver의 지도를 leaflet으로 표시해 보았다.
사진
아티팩트
샘플 코드
var map = L.map('map').setView([38.0, 140.0], 11);
var mvr = L.tileLayer("", {
attribution: 'mvr',
maxZoom: 18,
});
mvr.getTileUrl = function(coord) {
var zoom = coord.z;
var s = Math.pow(2, coord.z);
var llp = L.point((coord.x * 256 + 128) / s, (coord.y * 256 + 128) / s);
var ll = fromPointToLatLng(llp, s);
var lng = ll.lng;
var lat = ll.lat;
return "http://yumeblog.dip.jp/yb2g0.php?zoom=" + zoom + "&long=" + lng + "&lat=" + lat;
};
mvr.addTo(map);
function fromPointToLatLng(point, max_zoom) {
var size = (1 << max_zoom) * 256,
lat = (2 * Math.atan(Math.exp((point.y - size / 2) / -(size / (2 * Math.PI)))) - (Math.PI / 2)) * (180 / Math.PI),
lng = (point.x - size / 2) * (360 / size);
return L.latLng(lat, lng);
}
Reference
이 문제에 관하여(Mapserver 2), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/ohisama@github/items/933be9bb03cb4c90e253
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
아티팩트
샘플 코드
var map = L.map('map').setView([38.0, 140.0], 11);
var mvr = L.tileLayer("", {
attribution: 'mvr',
maxZoom: 18,
});
mvr.getTileUrl = function(coord) {
var zoom = coord.z;
var s = Math.pow(2, coord.z);
var llp = L.point((coord.x * 256 + 128) / s, (coord.y * 256 + 128) / s);
var ll = fromPointToLatLng(llp, s);
var lng = ll.lng;
var lat = ll.lat;
return "http://yumeblog.dip.jp/yb2g0.php?zoom=" + zoom + "&long=" + lng + "&lat=" + lat;
};
mvr.addTo(map);
function fromPointToLatLng(point, max_zoom) {
var size = (1 << max_zoom) * 256,
lat = (2 * Math.atan(Math.exp((point.y - size / 2) / -(size / (2 * Math.PI)))) - (Math.PI / 2)) * (180 / Math.PI),
lng = (point.x - size / 2) * (360 / size);
return L.latLng(lat, lng);
}
Reference
이 문제에 관하여(Mapserver 2), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/ohisama@github/items/933be9bb03cb4c90e253
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
var map = L.map('map').setView([38.0, 140.0], 11);
var mvr = L.tileLayer("", {
attribution: 'mvr',
maxZoom: 18,
});
mvr.getTileUrl = function(coord) {
var zoom = coord.z;
var s = Math.pow(2, coord.z);
var llp = L.point((coord.x * 256 + 128) / s, (coord.y * 256 + 128) / s);
var ll = fromPointToLatLng(llp, s);
var lng = ll.lng;
var lat = ll.lat;
return "http://yumeblog.dip.jp/yb2g0.php?zoom=" + zoom + "&long=" + lng + "&lat=" + lat;
};
mvr.addTo(map);
function fromPointToLatLng(point, max_zoom) {
var size = (1 << max_zoom) * 256,
lat = (2 * Math.atan(Math.exp((point.y - size / 2) / -(size / (2 * Math.PI)))) - (Math.PI / 2)) * (180 / Math.PI),
lng = (point.x - size / 2) * (360 / size);
return L.latLng(lat, lng);
}
Reference
이 문제에 관하여(Mapserver 2), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/ohisama@github/items/933be9bb03cb4c90e253텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)