我想在 OpenLayers 中使用特定的投影。我将 proj4js 与我的 html 链接
<html>
<head>
<title>OpenLayers Test</title>
<style type="text/css">
#map {
width: 600px;
height: 300px;
border: 1px solid black;
float:left;
}
</style>
<script type="text/javascript" src="http://svn.osgeo.org/metacrs/proj4js/trunk/lib/proj4js-compressed.js"></script>
<script type="text/javascript" src="OpenLayers.js"></script>
<script type="text/javascript" src="code.js"></script>
<link rel="stylesheet" href="http://openlayers.org/dev/theme/default/style.css" type="text/css">
</head>
<body onload="init()">
<div id=map>
</div>
<div id=map_coord></div>
<div id=lonlat></div>
</body>
</html>
并添加了新的投影:
Proj4js.defs["EPSG:987654"] = "+proj=eqdc +lat_1=46.4 +lat_2=71.8 +lon_0=100 +ellps=krass +units=m +no_defs";
但是重新投影不起作用,我得到了 NaN 值。这是code.js:
Proj4js.defs["EPSG:987654"] = "+proj=eqdc +lat_1=46.4 +lat_2=71.8 +lon_0=100 +ellps=krass +units=m +no_defs";
var map;
OpenLayers.Control.Click = OpenLayers.Class(OpenLayers.Control, {
defaultHandlerOptions: {
'single': true,
'double': false,
'pixelTolerance': 0,
'stopSingle': false,
'stopDouble': false
},
initialize: function(options) {
this.handlerOptions = OpenLayers.Util.extend(
{}, this.defaultHandlerOptions
);
OpenLayers.Control.prototype.initialize.apply(
this, arguments
);
this.handler = new OpenLayers.Handler.Click(
this, {
'click': this.trigger
}, this.handlerOptions
);
},
trigger: function(e) {
var mapcoord = map.getLonLatFromPixel(e.xy);
mapcoord.transform(new OpenLayers.Projection("EPSG:4326"), new OpenLayers.Projection("EPSG:987654"));
alert(mapcoord);
}
});
function init()
{
map = new OpenLayers.Map('map',
{
controls: [
new OpenLayers.Control.MousePosition ({
div: document.getElementById("map_coord")
}),
new OpenLayers.Control.MousePosition ({
div: document.getElementById("lonlat"),
displayProjection: new OpenLayers.Projection('EPSG:4326')
})
],
units: "m",
projection: "EPSG:987654",
maxExtent: new OpenLayers.Bounds(-5000000, 4400000, 4000000, 10000000)
}
);
var ltopo = new OpenLayers.Layer.WMS("topo", "http://ows.mgs.geosys.ru/topo/base",
{ layers: "topo_land,world_ocean,topo_base,elev,vegt,lcov,phys,bath,hyps,dnet_pg,pplc_pg,dnet_pt,hydr,clmk,infr"}
);
map.addLayers([ltopo]);
var click = new OpenLayers.Control.Click();
map.addControl(click);
click.activate();
map.zoomTo(3);
}