gs地图开发_Cesium开发：常用地图事件

在地图开发中，地图移动、鼠标操作等一系列事件，都会使用到，而在地图封装的API中，一般都会进行提供。

Cesium开发中，会使用到对应的一些事件，下边列举一些常用的事件以及事件的使用。

Cesium相机移动结束事件，这个在判断地图场景是否移动完成中进行使用，在移动完后，获取地图的相机坐标或者其他的一些坐标信息。

viewer.scene.camera.moveEnd.addEventListener(function() {

//实现对应的移动结束操作

});

鼠标移动事件，这个在判断当前地图的鼠标所在位置，获取鼠标位置的坐标，同时能够判断当前鼠标处，是否存在地图中的对象。

var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas);

handler.setInputAction(function (movement) {

//鼠标移动的结束坐标，也有起始坐标

var pickedObject = scene.pick(movement.endPosition);

//判断当前鼠标处，是否有对象

if (

Cesium.defined(pickedObject) &&

pickedObject.id instanceof Cesium.Entity

) {

//实体对象的处理

}, Cesium.ScreenSpaceEventType.MOUSE_MOVE);

//鼠标的点击事件，这个是判断数据点击所在的位置

var handler.setInputAction(function (movement) {

//此处就只有鼠标的点击位置了

var pickedObject = scene.pick(movement.position);

if (

//同样也是判断点击处的对象信息

Cesium.defined(pickedObject) &&

pickedObject.id instanceof Cesium.Entity

) {

}

}, Cesium.ScreenSpaceEventType.LEFT_CLICK);

在使用完成后，用以下的方式去移除不需要的事件。

//移除鼠标点击事件

handler.removeInputAction(

Cesium.ScreenSpaceEventType.LEFT_CLICK

);

//移除鼠标移动事件

handler.removeInputAction(

Cesium.ScreenSpaceEventType.MOUSE_MOVE

);

下边的是Cesium场景的实时渲染事件，每间隔很短的一个时间，就会执行一次事件，这个可以判断场景中的一些实时的对象情况。

viewer.scene.preRender.addEventListener(function() {

});

其他的还有诸如鼠标的滚轮事件、鼠标按下或抬起的事件，这在Cesium的API文档中都能进行找到使用。

gs地图开发_Cesium开发：常用地图事件相关推荐

地图坐标系大全：常用地图坐标系详解与转换指南
介绍地图坐标系的基本概念和原理地图坐标系是用于描述地图上位置的数学模型.它可以用来表示地球表面上的任意一个点,使得这个点的位置可以在地图上精确定位.不同的地图坐标系采用不同的基准面和投影方式,因此会 ...
百度地图API实例开发分享
第一章. API函数说明 1.1 百度地图API介绍 1．百度地图API是百度提供的给开发人员使用的开放性API,它分为三大类:网页地图应用.手机地图应用.服务器端地图应用:它们分别的意思是:[网页地 ...
php离线地图,如何发布百度离线地图及二次开发API
相关教程: 1.说明离线地图开发环境支持谷歌地图.百度地图.高德地图等等所有常用地图类型,支持在局域网内的地图部署.二次开发. 2.实现第一步:下载安装离线地图开发环境下载安装好之后,启动软件, ...
浅谈百度地图的简单开发再续前缘之公交,地铁路线检索查询(六)
关于百度地图的简单开发前段时间,写过一个小系列的博客关于百度地图的基本地图,定位,全景,导航等功能做了简单的介绍.从今天开始又将准备一期有关百度地图的POI检索的等一列查询功能,如城市检索,周边检索, ...
前端系列——vue2+高德地图web端开发（poi搜索两种方式）
前端系列--vue2+高德地图web端开发(poi搜索) 前言基础什么是poi搜索 1. 输入提示结合poi搜索官方代码步骤 1.进行plugins插件注册 2.data中编写placeSea ...
Vue-cli3实现web百度离线地图(v3.0)开发
需求实现基于Vue-cli3的web百度离线地图(v3.0)开发 Vue-cli3,目录如下,注意:需要把地图相关的文件放在public下,vue-cli2需要放在static下!!! 参考主要参 ...
Openlayers离线地图二次开发
(OpenLayers DEMO)点击下载本案例介绍如何在离线(单机.或局域网无Internet)状态下发布离线地图,且结合OpenLayers做基于地图的二次开发. 一. 离线地图数据下载离 ...
高德地图API的开发与代码编写
高德地图API的开发与代码编写高德地图底层源码 /** 高德autonavi 地图API Define:begin */ var AutoNaviMap = function(mapOption){ ...
OpenLayers开发离线地图源代码（OpenLayers开发谷歌高德百度地图）
(OpenLayers DEMO)点击下载本案例介绍如何在离线(单机.或局域网无Internet)状态下发布离线地图,且结合OpenLayers做基于地图的二次开发. 一. 离线地图数据下载离 ...

gs地图开发_Cesium开发：常用地图事件

gs地图开发_Cesium开发：常用地图事件相关推荐

最新文章

热门文章