浏览问题
等待回复
精选文章
申请试用
资源中心
漏洞修复
注册
|
登录
SuperMap技术问答社区
我要
提问
智能客服
首页
/
浏览问题
/
云GIS
/
问题详情
iClient for Openlayers 10i在ie8中地图点击事件未响应
kinnyou
256EXP
2020年07月02日
点击画面内的其他控件都能正常生效
鼠标滚轮缩放也可以正常生效
但鼠标点击相关的功能无法生效
openlayers
iclient
请
登录
或者
注册
后回答这个问题。
1个回答
您好,您那边的鼠标点击相关功能是说的是给地图注册点击事件没有触发吗?还是用了interaction.draw? map.on('click',e=>{console.log(e)})没有输出吗?请您说下具体是用的什么方法
阳俊林
3,357EXP
2020年07月02日
是创建了一个地图,添加了可以用来观察的图层后,地图默认的点击事件没有触发。
顺便interaction.draw,map.on('click',e)的相关功能也无法触发。
您那边用谷歌的可以吗?是模块开发吗?控制台有报错输出吗?
客户指定的浏览器是以ie8为基础开发的浏览器···
谷歌浏览器和ie9以上点击功能都可以正常生效,直接用ie8打开页面会报错
客户的浏览器没有控制台,无法确认点击事件无效时是否有报错···
是否是模块开发?是否使用babel-loader将ES6语法转换为ES5?
如果您那边没有任何消息提示的话我这边无法定位问题
测试用的代码如下:
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge, chrome=1">
<link rel="stylesheet" href="
https://cdn.bootcss.com/openlayers/4.6.5/ol.css">
<script type="text/javascript" src="
https://cdn.bootcss.com/openlayers/4.6.5/ol.js"></script>
<script type="text/javascript" src="./dist/openlayers/iclient-openlayers-es6.min.js"></script>
<link rel="stylesheet" href="./dist/openlayers/iclient-openlayers.min.css">
</head>
<body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%; position: absolute;top: 0;">
<div id="map" style="width: 100%;height:100%"></div>
<script type="text/javascript">
var map = new ol.Map({
target: 'map',
controls: ol.control.defaults(),
view: new ol.View({
center: [0, 0],
zoom: 2,
projection: 'EPSG:4326'
})
});
var osmLayer = new ol.layer.Tile({
source: new ol.source.OSM()
});
map.addLayer(osmLayer);
</script>
</body>
没有使用babel-loader
您发的代码里面没设置说明交互的啊
就iclient for openlayers里自带的默认鼠标点击控件也没有生效。包括双击放大和拖动地图
尝试过上面说的interaction.draw,map.on('click',e),也都没有效果
请
登录
或者
注册
后再添加评论。
智能推荐
相关问题
相关文章
推荐教程
iclient for openlayers聚点图示例如何改变样式以及添加事件
iClient for OpenLayers web地图打印
openlayers在地图标注点击事件有偏移
iclient for openlayers加载4490的rest地图服务报错
iClient for Openlayers能否直接更新layersID
iClient for OpenLayers
iclient for openlayers 渐变线如何实现
IE8及360浏览器兼容模式不支持点击事件
热门文章
查看更多>
关注我们
超图软件官网
SuperMap Online
地图慧
帮助中心
备案信息
技术资源中心
...