Javascript OpenLayer3-缩放线不显示'；航海'；
我正在使用OpenLayer3显示一个地图，在其他控件旁边包含一条比例线。不幸的是，我能够使用所有可能的刻度线单位（“度”、“英制”、“公制”、“美制”），但我不能显示（“航海”）。 我想得到一个提示，我要做什么不同 谢谢RichardJavascript OpenLayer3-缩放线不显示'；航海'；,javascript,openstreetmap,openlayers-3,openseamap,Javascript,Openstreetmap,Openlayers 3,Openseamap,我正在使用OpenLayer3显示一个地图，在其他控件旁边包含一条比例线。不幸的是，我能够使用所有可能的刻度线单位（“度”、“英制”、“公制”、“美制”），但我不能显示（“航海”）。 我想得到一个提示，我要做什么不同 谢谢Richard <!DOCTYPE html> <html> <head> <title>Wilde Luzie Map</title> <!-- Scripts go
<!DOCTYPE html>
<html>
<head>
<title>Wilde Luzie Map</title>
<!-- Scripts go here -->
<script src='http://ol3js.org/en/master/build/ol.js'></script>
<script src='js/nav_main.js'></script>
<!-- Styles go here -->
<link rel='stylesheet' href='http://ol3js.org/en/master/css/ol.css'>
<style>
.map{height:800px;width:100%;}
.ol-mouse-position{background:#9eeeff;background:rgba(158,238,255,.6);top:8px;right:8px;font-size:13px;position:absolute}
.ol-scale-line{background:#9eeeff;background:rgba(158,238,255,.6);border-radius:4px;bottom:8px;left:40px;padding:2px;position:absolute}
.ol-scale-line-inner{border:1px solid #000;border-top:none;color:#000;font-size:10px;text-align:center;margin:1px;will-change:contents,width}
.ol-overviewmap{position:absolute;left:8px;bottom:8px}
</style>
</head>
<body onload="init()">
<div id='map'></div>
</body>
</html>
var map;
var lon = 10.80773;
var lat = 54.09416;
var zoomlevel = 15;
var template = 'LatLon: {y}, {x}';
var mousePositionControl = new ol.control.MousePosition({
coordinateFormat: function(coord) {return ol.coordinate.toStringHDMS(coord);},
projection: 'EPSG:4326',
undefinedHTML: 'Mouse outside'
});
function init(){
map = new ol.Map({
target: 'map',
renderer:'canvas',
layers: [new ol.layer.Tile({source: new ol.source.OSM()}),
new ol.layer.Tile({source: new ol.source.XYZ({
url: 'http://t1.openseamap.org/seamark/{z}/{x}/{y}.png'}) })
],
view: new ol.View({
center:ol.proj.transform([lon, lat], 'EPSG:4326', 'EPSG:3857'),
zoom:zoomlevel
}),
controls: ol.control.defaults({
attributionOptions:({
collapsible: false
})
}).extend([mousePositionControl,
new ol.control.OverviewMap({className:'ol-overviewmap'})]),
});
var rkScaleLine = new ol.control.ScaleLine({
className:'ol-scale-line',
units:'nautical'});
map.addControl(rkScaleLine);
var rkLogo = new ol.control.Logo({className:'ol-logo'});
map.addControl(rkLogo);
}
王尔德·鲁齐地图
.map{高度：800px；宽度：100%；}
.ol鼠标位置{背景：#9eeeff；背景：rgba（158238255.6）；顶部：8px；右侧：8px；字体大小：13px；位置：绝对}
.ol刻度线{背景：#9eeeff；背景：rgba（158238255，.6）；边界半径：4px；底部：8px；左侧：40px；填充：2px；位置：绝对}
.ol刻度线内部{边框：1px实心#000；边框顶部：无；颜色：#000；字体大小：10px；文本对齐：中心；边距：1px；将更改：内容，宽度}
.ol概览图{位置：绝对；左侧：8px；底部：8px}
var映射；
var-lon=10.80773；
var lat=54.09416；
var zoomlevel=15；
var模板='LatLon:{y}，{x}'；
var mousePositionControl=new ol.control.MousePosition({
coordinateFormat:function（coord）{return ol.coordinate.toStringHDMS（coord）；}，
投影：‘EPSG:4326’，
undefinedHTML:“鼠标在外”
});
函数init（）{
map=新ol.map({
目标：“地图”，
渲染器：'canvas'，
layers:[new ol.layer.Tile（{source:new ol.source.OSM（）}），
新建ol.layer.Tile（{source:new ol.source.XYZ({
网址：'http://t1.openseamap.org/seamark/{z} /{x}/{y}.png'}}）
],
视图：新ol.view({
中心：ol.proj.transform（[lon，lat]，'EPSG:4326'，'EPSG:3857'），
缩放：缩放级别
}),
控件：ol.control.defaults({
属性选项：({
可折叠：错误
})
}).extend（[mousePositionControl，
新建ol.control.OverviewMap（{className:'ol-OverviewMap'}）]，
});
var rkScaleLine=新ol.control.ScaleLine({
类名：'ol-scale-line'，
单位：'航海'}；
地图添加控件（rkScaleLine）；
var rkLogo=newol.control.Logo（{className:'ol-Logo'}）；
map.addControl（RKBogo）；
}