Mapserver
1625 ワード
概要
Mapserverの地図をgoogleマップで表示してみた。
写真
成果物
サンプルコード
var koko = document.getElementById("map");
var maps = [];
for (var type in google.maps.MapTypeId)
{
maps.push(google.maps.MapTypeId[type]);
}
maps.push("mvr");
var map = new google.maps.Map(koko, {
center: new google.maps.LatLng(38.0, 140.0),
zoom: 11,
mapTypeId: "mvr",
mapTypeControlOptions: {
mapTypeIds: maps
}
});
map.mapTypes.set("mvr", new google.maps.ImageMapType({
getTileUrl: function(coord, zoom) {
var z = Math.pow(2, zoom);
var llp = new google.maps.Point((coord.x * 256 + 128) / z, (coord.y * 256 + 128) / z);
var ll = map.getProjection().fromPointToLatLng(llp);
var lng = ll.lng();
var lat = ll.lat();
return "http://yumeblog.dip.jp/yb2g0.php?zoom=" + zoom + "&long=" + lng + "&lat=" + lat;
},
tileSize: new google.maps.Size(256, 256),
name: "mvr",
maxZoom: 18,
isPng: true
}));
var koko = document.getElementById("map");
var maps = [];
for (var type in google.maps.MapTypeId)
{
maps.push(google.maps.MapTypeId[type]);
}
maps.push("mvr");
var map = new google.maps.Map(koko, {
center: new google.maps.LatLng(38.0, 140.0),
zoom: 11,
mapTypeId: "mvr",
mapTypeControlOptions: {
mapTypeIds: maps
}
});
map.mapTypes.set("mvr", new google.maps.ImageMapType({
getTileUrl: function(coord, zoom) {
var z = Math.pow(2, zoom);
var llp = new google.maps.Point((coord.x * 256 + 128) / z, (coord.y * 256 + 128) / z);
var ll = map.getProjection().fromPointToLatLng(llp);
var lng = ll.lng();
var lat = ll.lat();
return "http://yumeblog.dip.jp/yb2g0.php?zoom=" + zoom + "&long=" + lng + "&lat=" + lat;
},
tileSize: new google.maps.Size(256, 256),
name: "mvr",
maxZoom: 18,
isPng: true
}));
Author And Source
この問題について(Mapserver), 我々は、より多くの情報をここで見つけました https://qiita.com/ohisama@github/items/e1962a0a35e23c8ebca1著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .