Openlayers使用地图比例尺控件?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
1,新建一个html页面,引入ol.js和ol。css文件,然后在身体中创建两个div标签,分别用来作为地图和比例尺控件的容器;
2代码实现
& lt; !DOCTYPE html>
& lt; html xmlns=癶ttp://www.w3.org/1999/xhtml"比;
& lt; head>
& lt;元http-equiv=癈ontent-Type"内容=皌ext/html;charset=utf-8"/比;
& lt; title> & lt;/title>
https://www.yisu.com/zixun/& lt;脚本src=" . ./lib/ol/ol.js ">
<链接的href=" . ./css/ol。css " rel="外部nofollow”rel="样式表"/>
<风格type=" text/css ">
# scalebar
{
浮:左;
margin-bottom: 10 px;
z - index: 2000;
}>
窗口。onload=function () {//实例化比例尺控件
var scaleLineControl=new ol.control.ScaleLine ({//设置度量单位为米
单位:“指标”,
目标:“scalebar”,
名称:“ol-scale-line”
});//实例化地图控件
var=new ol.Map地图({
目标:“地图”,
层:[
新ol.layer.Tile ({
来源:新ol.source.OSM ()
}),
),
观点:新ol.View ({
中心:(0,0),
变焦:2
}),
});//将比例尺控件加入到映射中
map.addControl (scaleLineControl);
};>
身体
