电子海图开发第十九篇 web电子海图 使用OpenLayers加载瓦片地图（共一百篇）
2021-01-15 20:12
标签：amp target com openlayer slider 一个 source center span 构建OpenLayers，首先在在要web电子海图的网页中引入ol.js和ol.css这两个文件，你可以到openlayers官网去下载这个文件 map的创建完整代码 参考文章：电子海图开发，web电子海图开发，电子海图二次开发 电子海图开发第十九篇 web电子海图 使用OpenLayers加载瓦片地图（共一百篇） 标签：amp target com openlayer slider 一个 source center span 原文地址：https://www.cnblogs.com/ecdis/p/13391480.htmldoctype html>
html lang="en">
head>
link rel="stylesheet" href="js/ol/ol.css" type="text/css">
src="js/ol4.6.5.js">>
title>OpenLayers exampletitle>
head>
style>
.map {
height: 100%;
width: 100%;
}
style>
body>
h2>My Maph2>
div id="map" class="map">div>
type="text/java">
var seamap = new ol.layer.Tile({
source : new ol.source.XYZ({
url : "http://112.126.96.159/Ship/Map?z={z}&y={y}&x={x}",
projection : ‘EPSG:3857‘
})
});
zoomslider = new ol.control.ZoomSlider();
zoomcontrol = new ol.control.Zoom();
map = new ol.Map({
layers : [ seamap ],
view : new ol.View({
center : ol.proj.transform([ 119.22, 39.222 ], ‘EPSG:4326‘,
‘EPSG:3857‘),
projection : ‘EPSG:3857‘,
zoom : 5,
minZoom : 2,
maxZoom : 15,
}),
target : ‘map‘,
controls : [ zoomslider, zoomcontrol ]
});
>
body>
html>
上一篇：fastjson反序列化复现
下一篇：MVC 与 Vue
文章标题：电子海图开发第十九篇 web电子海图 使用OpenLayers加载瓦片地图（共一百篇）
文章链接：http://soscw.com/index.php/essay/42385.html