[英]OpenLayers LonLat transformation
我正在嘗試將OSM OpenLayers示例與從query.wikidata.org獲得的結果結合起來,但是似乎我在做錯誤的轉換。 長和緯的正確變換是什么?
<html><body>
<div id="mapdiv"></div>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script>
map = new OpenLayers.Map("mapdiv");
map.addLayer(new OpenLayers.Layer.OSM());
var lonLat = new OpenLayers.LonLat( 40.228055555556, 27.242222222222 )
.transform(
new OpenLayers.Projection("EPSG:900913"), // transform from WGS 1984
map.getProjectionObject() // to Spherical Mercator Projection
);
var zoom=16;
var markers = new OpenLayers.Layer.Markers( "Markers" );
map.addLayer(markers);
markers.addMarker(new OpenLayers.Marker(lonLat));
map.setCenter (lonLat, zoom);
</script>
</body></html>
轉換是錯誤的:您的lonLat變量位於EPSG:4326中,因此您應該從EPSG:4326轉換為EPSG:900913
var lonLat = new OpenLayers.LonLat( 27.242222222222, 40.228055555556 )
.transform(
new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984
map.getProjectionObject() // to Spherical Mercator Projection
);
使用Leaflet時 ,無需進行任何轉換。
var map = L.map('map').setView(40.228055555556, 27.242222222222],
13);
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
L.marker([40.228055555556, 27.242222222222]).addTo(map)
.bindPopup('A pretty CSS3 popup.<br> Easily customizable.')
.openPopup();
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.