【发布时间】：2019-07-25 12:07:51
【问题描述】：
我在使用 EPSG 3031 中的地图时遇到问题。
根据我的研究，我已经了解到投影的参数必须在 javascript 文件中定义，因此 epsg.io 在我的脚本中可以正常工作。
但是当我在新创建的视图和转换后的中心中使用实际的 EPSG:3031 时，地图不会呈现。 它工作的唯一方法是选择 EPSG:4326 或 3857 与中心 [0,0] 实际上没有任何意义。
我的 javascript 看起来像这样：
// register EPSG
proj4.defs("EPSG:3031","+proj=stere +lat_0=-90 +lat_ts=-71 +lon_0=0 +k=1 +x_0=0 +y_0=0 +datum=WGS84 +units=m +no_defs");
//set projection
var proj3031=ol.proj.get('EPSG:3031');
//test if coordinate transformation is properly working
var center2 = ol.proj.transform([0, -80], 'EPSG:4326', 'EPSG:3031');
;
var baseMapLayer = new ol.layer.Tile({
source: new ol.source.OSM()
});
var esriArctic = new ol.layer.Tile({
title : 'ESRI Imagery',
type : 'base',
zIndex: 0,
source : new ol.source.XYZ({
attributions : [new ol.Attribution({
html : 'Tiles © <a href="http://services.arcgisonline.com/ArcGIS/rest/services/Polar/Antarctic_Imagery/MapServer">ArcGIS</a>'
})],
url : 'https://server.arcgisonline.com/ArcGIS/rest/services/Polar/Antarctic_Imagery/MapServer/tile/{z}/{y}/{x}',
wrapX: false,
})
});
var map = new ol.Map({
target: 'map',
layers: [ esriArctic],
//layers: [ baseMapLayer],
view: new ol.View({
//projection: "EPSG:4326",
projection: proj3031,
//center: [0,0],
center: center2,
zoom: 5 //Initial Zoom Level
})
});我的 html 看起来像这样：
<!DOCTYPE html>
<style type="text/css">
#map{
width:100%;
height:600px;
}
</style>
<!--Basic styling for map div,
if height is not defined the div will show up with 0 px height -->
</head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.4.3/proj4.js"></script>
<script src="http://epsg.io/3031.js"></script>
<body>
<div id="map">
<!-- Your map will be shown inside this div-->
</div>
</body>
<script src="https://openlayers.org/en/v4.6.5/build/ol.js" type="text/javascript"></script>
<script type="text/javascript" src="map.js" type="text/javascript"></script>
<!-- Our map file -->
</html>>
<!-- Openlayesr JS fIle -->我怎样才能让它工作，为什么它现在不能工作？
【问题讨论】：
标签： javascript openlayers projection epsg