现在做webgis基本都会用到
open
layer
s或者leaflet。那么在显示
地图
的时候,特别是显示小区域
地图
的时候,由于
地图
区域较小,就会存在把
地图
拖动
到显示区域之外的现象。那么该如何限制
地图
拖动
的区域呢。
在
open
layer
s2中有restrictedExtent属性,直接设置下即可。
[javascript] view plain copy
重点在方法addColumnChart()里,三步实现
在网上百度了很多相关文章,最终都无疾而终,只能硬着头皮自己摸索,好在功夫不负有心人,最终还是实现了在
地图
上,鼠标放上点位,显示对应的柱状图信息
<div id="map" ref="mapRef"></div>
地图
容器
用
vue
写项目的时候,特别是移动端,用鼠标
双击
会把项目
放大
,所以如何
禁止
双击
放大
呢?
用
vue
脚手架创建项目的时候,有自动生成的文件夹,找到public文件夹,里面有个index.html,打开它,找到
<meta name="viewport" content="width=device-width,initial-scale=1.0">
把这个meta标签替换成
<meta content="width=device-width, initi
出于防误操作的关系,我考虑到在
地图
绘制时
禁止
掉
拖动
地图
的操作,在绘制结束才恢复回来。但直接用
open
layer
的
Interaction
的DragPan注册控件行不通,由此我实验得到以下两种方法。
方法一:利用draw里的freehand模式
核心就是多加入两个属性来限制draw的应用范围。
new ol.
interaction
.Draw({
condition: ol.eve
直接上代码了
bMap.disableDoubleClickZoom() //
禁止
缩放
bMap.enableScrollWheelZoom(false); //开启鼠标滚轮
缩放
bMap.disableDragging(); //
禁止
拖拽