openlayers 地图缩放事件

2024-10-22

【03】openlayers 地图事件

绑定事件:map.on(type, listener) 取消绑定:map.un(type, listener) type:事件类型 listener:执行得函数体事件类型: //事件类型 let type = { click:'click',//单击 dblclick:'dblclick',//双击,双击会触发click singleclick:'singleclick',//单击,延迟250毫秒,就算双击不会触发 moveend:'moveend',//鼠标滚动事件 pointermove:

openLayers地图缩放的回调

//设置地图最小缩放级别为17级 map.events.register("zoomend", this, function (e) { //每次地图缩放时就会进入到这 if (map.getZoom() < 17) { //map.zoomTo(17); map.setCenter(map.getCenter(),17); } });

Openlayers 地图定位到相应位置并缩放

说明: 在地图操作中,有个功能,需要点击一个点,将视图定位到点击点的位置,并放大. 解决方案: 1.可以有openlayers中可以有ol.View来控制,但是在更改时,会将地图初始化时设置的maxZoom,minZoom等覆盖掉,因此需要在设置新的view前,重新设置一次初始化时的值,避免重复覆盖. /** * @description 地图定位中心并缩放事件 * @param {Map} _map 地图对象 * @param {Feature} _feature 要定位的要素 * @para

OpenLayers中地图缩放级别的设置方法

来源于:http://www.cnblogs.com/sailheart/archive/2011/03/15/1984519.html 一.概述在OpenLayers中,地图必须具有一个缩放级别的范围,缩放级别可以用比例尺(scale)或者分辨率(resolution)表示. 比例尺——屏幕上1米代表多少地图坐标单位:分辨率——屏幕上一个像素代表多少地图坐标单位.两者的转换关系是:scale = resolution * 72 * 39.3701(1米=39.3701英寸,1英寸=72像素)

android 中百度地图关于地图缩放所调用的事件

在做百度地图的时候 javascript 有个地图缩放的事件但是在android 的API里面却没有,但是还好官方给了一个MapStatusChangeListener,是这样介绍的百度地图SDK为开发者提供了地图事件监听的方法MKMapViewListener,开发者通过此接口,可完成以下几种事件的监听:地图加载完成时,地图移动完成时.点击到地图可点标注时.动画结束时和截图成功后. 感觉有戏,稍微做下修改具体思路是在class 中记录 zoom 的初始值之后在这个事件里检测这

百度地图api根据地图缩放等级显示不同的marker点，功能二

功能一里面有marker点后台的代码根据地图的缩放等级显示不同marker点的坐标JSP代码 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"

[Windwos Phone] 实作地图缩放 MapAnimationKind 属性效果

原文:[Windwos Phone] 实作地图缩放 MapAnimationKind 属性效果 [前言] 使用经纬度来定位地图的位置,以及使用 MapAnimationKind 属性来设定地图缩放时的动画. ? [成品] ?? ?? ?? ? [范例] Step1. 新增 Windows Phone 应用程式专案. ? Step2. 指定应用程式使用 ID_CAP_MAP 功能方案总管 -->Properties 资料夹--> WMAppManifest.xml --> 功能 --&g

Android自己定义百度地图缩放图标

自己定义实现Android百度地图的缩放图标,须要自己定义一个缩放控件,实现效果例如以下: 这里的缩放效果,实现了点击button能够对地图的放大缩小,通过手势放大与缩小也控制缩放图标的可用状态.详细实现例如以下: 首先是drawable文件夹下的两个xml配置文件: zoom_selector_in.xml <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="h

基于高德地图的描点操作，监听地图缩放，展示合理数量的marker

原文:基于高德地图的描点操作,监听地图缩放,展示合理数量的marker 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/lx583274568/article/details/54089707 1.根据两点经纬度算两点之间的距离函数 function Rad(d){ return d * Math.PI / 180.0;//经纬度转换成三角函数中度分表形式. } //计算距离,参数分别为第一点的纬度,经度:第二点的纬度,经度 function G

arcgis 加载png图片实现图片跟随地图缩放和图片的动态播放

效果图: 主要原理: png加载到地图上是不可能的, 图像本身是没有地理信息的. 这里采用一种办法, 在地图上创建一个图形图层, 图形图层放一个矩形,给这个矩形用一个图片填充符号填充. 关键技术点: 填充符号的大小调整: 获取那个矩形, 左上角和右上角的横行长度来调整图形填充符号的长度, 左下角和左上角间的纵向长度来调整图形填充符号的宽度. 填充符号的偏移量:调整符号的偏移, 防止图片的填充出现不在区域正中央. 主要代码 <!DOCTYPE html> <html> <hea

百度地图手机端单触点单击和长按事件，解决部分手机(小米手机)地图单击事件失效，多触点、拖动依然触发长按的bug

/** * Author 岳晓 * * 对百度地图的事件扩展,目前扩展了fastclick和longclick, * 解决某些设备click不执行的问题 * 解决长按事件在拖动.多触点依然执行的bug * v1.0.0 */ (function(){ BMap.Map.prototype.on=function(evt,fn,option){ var _option = { canBubble:true } extend(_option,option) if(!evt || !fn) retur

折腾了好久的地图缩放 ngui 各种偷懒实现

当时找到一篇cocos2dx 地图缩放的很遗憾我用不了也要记录一下免得以后用ugui可以用转 http://blog.csdn.net/cocosnode/article/details/40829017 using projectQ;using UnityEngine; public class MapGestures : MonoBehaviour{ public GameObject BoundrayLeft; public GameObject BoundrayRight;

PIE SDK地图鼠标事件监听

1.功能简介地图鼠标事件包含鼠标的按下MouseDown(),弹起MouseUp(),移动MouseMove()等事件,通过这些事件可以对地图进行动态的操作,接下来以地图状态栏的信息为例具体介绍如何使用这三种事件. 2.功能实现说明 2.1. 实现思路及原理说明第一步:右键程序主界面控件->属性->点击事件(⚡符号)->找到鼠标模块第二步:找到对应的事件在表格出直接回车键或者双击就可以进入到代码模块(例如鼠标点击事件在MouseDown的第二列回车或者双击即可) 第三步:根据事件

echarts 与百度地图bmap结合系列：如何设置地图缩放级别和监听缩放事件

简单的demo: // ehcarts 的实例对象 this.myChart = echarts.init(el) // ehcarts加载完成事件 this.myChart.on('finished', () => { // 从echarts对象中获取bmap对象 var bmap = this.myChart.getModel().getComponent('bmap').getBMap(); // 设置最小缩放值 bmap.setMinZoom(13); // 设置最大缩放值 bmap.s

openlayers 地图移动缩放动画

map.getView().animate({ // 只设置需要的属性即可 center: [data.jd, data.wd], // 中心点 zoom: 11, // 级别 rotation: undefined, // 缩放完成view视图旋转弧度 duration: 1000 // 缩放持续时间,默认不需要设置 })

【11】openlayers 地图交互

地图交互interaction 关于map的方法: //添加地图交互 map.addInteraction(interaction) //删除地图交互 map.removeInteraction(interaction) 创建矢量图层并添加到地图容器中: //创建矢量图层并添加到地图容器中 var source = new ol.source.Vector({ wrapX: false }); var vector = new ol.layer.Vector({ source: source }

android百度地图中的地图缩放级别

前期搭建百度地图的环境就不说了,网上一搜一大把,这里只讲地图的缩放,大神可以直接绕道首先在类的内部初始化一个百度地图的对象 private BaiduMap mBaiduMap; 然后在OnCreate方法中初始化 mBaiduMap = mMapView.getMap(); mMapView为百度控件com.baidu.mapapi.map.MapView的ID初始化后的名称然后 MapStatusUpdate mapStatusUpdate = MapStatusUpdateFactor

Android Google Maps 监听地图缩放

接上篇.http://www.cnblogs.com/maomishen/p/3556297.html 由于公司项目要求,需要对google map监听地图的缩放(zoom)来进行一些操作. 但是在网上查了好多资料,突然发现在google提供的GoogleMap类中,没有神马类似的setOnZoomChangedListener之类的方法. 这让我灰常的...不解啊...后来发现很多人是通过一个定时器循环来操作对比. 伤心之余,突然想到,也许缩放并不是GoogleMap中的属性,而是Camera

Cocos2d-x教程(26)－Cocos2d-x + Lua脚本实现大地图缩放功能

欢迎增加 Cocos2d-x 交流群: 193411763 视频教程地址:http://www.tudou.com/programs/view/qRiOfppMghM/ 转载请注明原文出处:http://blog.csdn.net/u012945598/article/details/24188259 此篇文章中将使用Cocos2d-x + Lua脚本实现大地图的缩放功能. 在游戏中的大地图我们通常使用scrollView实现.这里我们仍然採用CCScrollView进行演示. 首先新建一个基于

【04】openlayers 地图弹框

效果: 创建地图: //创建地图 var map = new ol.Map({ //设置显示地图的视图 view: new ol.View({ projection: 'EPSG:4326', //投影方式 center: [108, 34], //定义初始显示位置 zoom: 3 //定义地图显示层级 }), //创建地图图层 layers: [ //创建一个使用Open Street Map地图源的瓦片图层 new ol.layer.Tile({ source: new ol.source.

openlayers 地图缩放事件

热门专题