ZOOM 第45页

百度瓦片地图URL和图片关系示例

独角兽企业重金招聘Python工程师标准>>>//百度地图API功能vartileLayer=newBMap.TileLayer();tileLayer.getTilesUrl=function(tileCoord,zoom

weixin_33850890·2020-08-15 20:22

openlayers 3监听地图分辨率变化事件

1map.getView().on('change:resolution',checkZoom);//checkZoom为调用的函数23functioncheckZoom(){4//alert("1")

DragonWar%·2020-08-15 20:19

openlayers4加载tippecanoe矢量切片

需要使用如下方法加载：前端调用，关键是数据源source的构造，下面是mvt格式的调用格式：varsource=newol.source.VectorTile({format:newol.format.MVT({maxzoom

weixin_33737134·2020-08-15 20:18

OpenLayers加载天地图

body部分只需添加：script代码如下：window.onload=function(){varview=newol.View({projection:ol.proj.get("EPSG:4326"),zoom

weixin_30945039·2020-08-15 19:14

zoom与scale的异同

zoom与scale的异同点作为一名前端，尤其是页面要兼容ie浏览器的前端，肯定对着两个属性都很熟悉。

weixin_30735391·2020-08-15 19:06

自适应自编css

margin:0;padding:0;}.noMP{margin:0;padding:0;}html{width:100%;height:100%;}body{width:100%;height:100%;zoom

weixin_30478923·2020-08-15 19:53

OpenLayers 3 的地图基本操作

的地图基本操作放大缩小移动到“武汉”复位varmap=newol.Map({target:'map',layer:[],view:newol.View({center:[12950000,4860000],zoom

weixin_30359021·2020-08-15 19:17

safari animation-play-state:pause失效的大坑

测试如下：使用animated.css中的zoomInDow

小猪code·2020-08-15 19:07

关于OpenLayers加载本地切片的问题

不能够正常添加标记到地图上，当使用GOOGLE地图时原因：添加标记的时候需要加上中扩号->map.addLayers([markers]);varlon=107.5781;varlat=36.8796;varzoom

wangpingjing·2020-08-15 19:07

大图、小图缩放避免模糊的较好方式

记录积累知识staticDrawablezoomDrawable(Drawabledrawable,intw,inth){intwidth=drawable.getIntrinsicWidth();intheight

我很爱吃榴莲·2020-08-15 19:29

openlayers3中，鼠标滚轮动画

（网上搜索的代码，这里总结一下）1.建立放置动画的容器2.建立css样式.BMap_zoomer{width:7px;height:7px;overflow:hidden;font-size:1px;position

jiym·2020-08-15 19:56

openlayers3和openlayers4，导航栏使用放缩平移动画

openlayers3：openlayers3中，放缩就是更改view的zoom，平移就是更改view的center，基于这个原理，我们很容易就写出放缩和平移的代码，代码如下：放大为例：functionzoomIn

jiym·2020-08-15 19:24

openlayers中监听地图缩放级别事件moveend

在实际需求中需要做到刚进入首页加载一个图层，但是在地图扩大或者缩小到某个级别后需要隐藏图层，因此我们需要对地图的缩放级别进行监听，用到的是moveend事件：map.on("moveend",function(e){varzoom

haha_ying_haha·2020-08-15 19:20

OpenLayer改变跳跃级别及压缩png来减少瓦片数据量

跳跃级别的改变利用view中的zoomFactor来设置跳跃因子，例如我要做的就是设为4（默认是2），但要注意的是这个要配合最大分辨率及最小分辨率使用，例如：view:newol.View({projection

WilsonOnIsland·2020-08-15 19:47

在这里给大家演示一下地图缩放，旋转，视角控制

/***处理缩放*sdk缩放级别范围：[3.0,19.0]*/privatevoidperfomZoom(){Stringt="缩放的大小";try{floatzoomLevel=Float.parseFloat

嵩风抚·2020-08-15 19:42

Android头像下拉缩放动效

Github上的开源地址：https://github.com/Frank-Zhu/PullZoomView先上2张效果图PullToZoomView的使用这个开源框架的使用主要用到的是PullToZoomListViewEx

爱coding的卖油翁·2020-08-15 19:09

openlayers 交互过程中resolution的确定小记

这个例子中有一句：Bydefault,pinch-zoomandwheel/trackpadzoominteractionscanleavethemapatfract

朕要睡了·2020-08-15 19:27

leaflet添加、移除、激发事件(evented)

查看测试效果：http://jsrun.net/aiqKp/editleaflet事件操作example本测试以click事件为例varmap=L.map('map',{center:[40,116],zoom

☆L↑H★·2020-08-15 19:20

openlayers从数据库加载坐标点

leaves="+zoom+"&layers="+ layerArr[i] }));java后台接收。。。。。。StringBuffersb=new

咕噜咪·2020-08-15 19:06

leaflet 添加聚合marker点

height:100%;padding:0;margin:0;}varlatlng=L.latLng(39.924,116.463);varmap=L.map('map',{center:latlng,zoom

炉火纯青-旺·2020-08-15 19:04

openlayer 拖动，旋转和缩放

拖动，旋转和缩放Drag,Rotate,andZoomimportMapfrom'ol/Map.js';importViewfrom'ol/View.js';import{defaultsasdefaultInteractions

Lucky_wangtao·2020-08-15 19:05

OpenLayers官方示例详解三：Drag, Rotate, and Zoom

一、示例简介这个示例实现了按键Shift加上鼠标拖拽来围绕中心点旋转和缩放地图的功能二、代码详解首先了解一下本示例将用到的ol.interaction.DragRotateAndZoom类。

不睡觉的怪叔叔·2020-08-15 19:04

openlayers自用小笔记

当前级别map.getView().getZoom()当前视野中map.getView().getCenter()map触发渲染映射--在渲染映射帧后触发当地图加载地图移动时触发map.on('postrender

咕噜咪·2020-08-15 19:03

openlayer4中获取地图坐标的方法

newol.source.OSM()})],target:'map',view:newol.View({center:ol.proj.transform([104,30],'EPSG:4326','EPSG:3857'),zoom

浪子边·2020-08-15 19:21

echarts全国地图、省市地图、放射状效果，涟漪效果，版块颜色效果

地图json数据可以选择阿里云下载http://datav.aliyun.com/tools/atlas/#&lat=33.521903996156105&lng=104.29849999999999&zoom

小蒜瓣·2020-08-15 18:33

墨卡托坐标与经纬度转换

zoom为地图层级，最小zoom=0，此时瓦片总数量为1X轴或Y轴的瓦片数量=2^zoom瓦片总数量=2^zoom*2^zoom每个瓦片像素为256*256如：当zoom=2时，X轴Y轴的瓦片数量都为2

guopeng_233·2020-08-15 18:21

OpenLayers基础地图加载

目前使用它的两个文件，及ol.js和ol.cssol.js其中还有OpenLayers的地图实现，而ol.css包括地图样式引用网络资源-->引用本地资源2.加载地图ZoomoutZoomin//加载地图

lu18225857116·2020-08-15 18:49

openlayers3入门——类、方法、属性详解1

newol.layer.Tile({source:newol.source.OSM()})],//设置显示地图的视图view:newol.View({center:[0,0],//定义地图显示中心于经度0度，纬度0度处zoom

msnaruto·2020-08-15 18:48

OpenLayers学习笔记10——datagrid双击缩放指定点

里最常用的功能：缩放至图层（或者缩放至要素），实现效果如下：这个实现就很简答了，主要用到的是datagrid的双击事件，其api是这么描述的：那么，只要获取双击行的经纬度，然后利用map的setCenter或zoomto

召唤师峡谷·2020-08-15 18:43

天地图+GeoServer WMS图层样例

天地图+GeoServerWMS图层样例样例代码varmap;varzoom=5;varwmsLayer;functiononLoad(){//初始化地图对象map=newTMap("mapDiv");

ssyk·2020-08-15 18:43

openlayer加载在线百度瓦片（二）

Openlayer加载在线百度瓦片地图//自定义分辨率和瓦片坐标系varresolutions=[];varmaxZoom=18;//计算百度使用的分辨率for(vari=0;i

龙石月·2020-08-15 18:43

百度地图自定义地图类型瓦片底图

只显示自定义底图，不显示百度地图底图)提示：请使用自己申请的《百度地图key》替换代码中的《此处使用你自己的key》自定义地图类型瓦片html,body{height:100%;margin:0;}.zoom

lihefei_coder·2020-08-15 18:33

openlayers基础使用和一些简单交互

400px;width:100%;}初始化varmap=newol.Map({controls:ol.control.defaults({attribution:false,rotate:false,zoom

海诺·2020-08-15 18:57

openlayer中如何隐藏默认的放大缩小及标志按钮

map=newol.Map({controls:ol.control.defaults({attribution:false,zoom:false,rotate:false}).extend([//newol.control.LayerSwitcher

crdc_yang·2020-08-15 18:19

Super Res Zoom，借助 Pixel 3 增强图像清晰度和细节

而凭借Pixel3的全新SuperResZoom功能，

谷歌开发者_·2020-08-15 18:33

OpenLayers部分方法事件

一、设置中心坐标map.setCenter(point,zoom);二、删除标记markers.removeMarker(marker);三、移动标记marker.moveTo(map.getLayerPxFromViewPortPx

iteye_17205·2020-08-15 18:57

改变OpenLayers缩放工具条位置以及大小

OpenLayersWMS","http://vmap0.tiles.osgeo.org/wms/vmap0",{layers:'basic'});map.addLayer(layer);map.numZoomLevels

iteye_11116·2020-08-15 18:25

OpenLayers

OpenLayers是一个开源的js框架，用于在您的浏览器中实现地图浏览的效果和基本的zoom，pan等功能。

jhnack·2020-08-15 18:42

Openlayers6 Examples学习笔记（6）

文章目录InteractionOptions（互动选项）LimitedLayerExtent（限制图层范围）LayerSpy（地图探查）LayerSwipe（卷帘地图）LayerZoomLimits（图层缩放限制

何去何从2857·2020-08-15 18:41

Ionic4--ion-slides轮播图遇到的问题

JSpublicslidesOpts={//轮播图属性speed:500,autoplay:{delay:5000,disableOnInteraction:false//这个属性很关键，拖动完自动播放},loop:true,zoom

吕阿蒙·2020-08-15 18:16

【转】Openlayers比例尺改变事件

方法二：webInstance.zoomend=function(evt){c

dreamgis·2020-08-15 18:10

Using OpenLayers to develop a WebGIS Client

OpenLayers是一个开源的js框架，用于在您的浏览器中实现地图浏览的效果和基本的zoom，pan等功能。

classicning·2020-08-15 18:48

openlayers 显示点击位置的经纬度

newol.source.OSM()})],target:'map',view:newol.View({center:ol.proj.transform([104,30],'EPSG:4326','EPSG:3857'),zoom

小程序照片合成·2020-08-15 18:39

openlayers学习小知识(持续更新)

1、限制地图缩放级别：在View中定义属性minZoom和maxZoom，可以设置地图缩放的最小级别和最大级别；2、动态设置地图的缩放级别：使用map.getView()方法获取地图当前的View，view.getZoom

NoCarrots·2020-08-15 18:06

OpenLayers设置地图缩放最小范围和最大范围

设置地图缩放最小范围和最大范围functioninit(){varoptions={projection:"EPSG:4326",eventListeners:{"moveend":mapEvent,"zoomend

suyunlong·2020-08-15 18:24

OpenLayers之加载缩放控件

中实现这一功能；2、在之前创建的空白站点下面新建一个html的页面，引入ol.js和ol.css文件，然后在body标签中创建一个div，作为地图加载的容器；3、代码实现加载并显示OSM地图#map.ol-zoomslider

桃李不言_下自成蹊·2020-08-15 18:42

Openlayer学习笔记之图标与提示信息

({source:newol.source.OSM()})],target:'map',view:newol.View({projection:'EPSG:4326',center:[104,30],zoom

KaiSarH·2020-08-15 18:24

openlayers3中的overlay图标入门

newol.layer.Tile({source:newol.source.OSM()})],view:newol.View({center:ol.proj.fromLonLat([103,30]),zoom

bigFace2019·2020-08-15 18:20

openlayers笔记

：https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.3.1/build/ol.js2.setView中，zoom

ANNENBERG·2020-08-15 18:31

重新定义OpenLayers 3的瓦片坐标系

下面我们使用它来加载百度地图，这次是正确的：//自定义分辨率和瓦片坐标系varresolutions=[];varmaxZoom=18;//计算百度使用的分辨率for(vari=0;i这个代码同上面的代码相比

zxc13552314286·2020-08-15 18:59

推荐频道

ZOOM