MapBox是提供了比例尺微键,但是不是很好看,也没有鹰眼微键,所以我自己写了一个鹰眼微键。
1、首先是比例尺,初始化Map以后直接添加即可。
var scale = new mapboxgl.ScaleControl({
maxWidth: 100,
unit: 'metric'
});
map.addControl(scale, "bottom-left");
加载完了如上图,但是要怎么才能实现上图2的效果呢?那就需要你自己修改CSS样式了
.mapboxgl-ctrl.mapboxgl-ctrl-scale {
height: 10px;
background-color:transparent;
line-height:10%;
text-align:center
}
2、然后是鹰眼,这个是没有的,然后我自己写了一个。
var ovmap = new mapboxgl.Map({
container: