OpenLayers 2 加载瓦片地图

2026-09-17

OpenLayers加载高德地图离线瓦片地图

本文使用OpenLayers最新版本V5.3.0演示:如何使用OpenLayer加载谷歌地球离线瓦片地图.OpenLayers 5.3.0下载地址为:https://github.com/openlayers/openlayers/releases/download/v5.3.0/v5.3.0-dist.zip . 谷歌地球离线瓦片下载使用“迈高图-地图数据下载器”(以下简称:迈高图),演示数据以湖南省长沙市7~16级瓦片数据为例. 下载演示数据迈高图选择谷歌地球为当前地图源,地图图层选择为卫

OpenLayers加载QQ地图(转)

openlayers 加载瓦片详解一

在这先说点题外话,本人在研究webgl 三维球过程中惊人发现,openlayers 的开发人员也在研究webgl并经证实他们也正在研发基于 webgl的三维gis开源平台,这可能是首个开源的三维平台,在现在三维大趋势下,看来 openlayers 前景还是一片大好,闲话少说,静候佳音. 在这将分4篇文章来系统的详细的介绍openlayers 是怎么来加载本地及服务器瓦片,为了提高开发人员的工作效率采用倒叙, 在第一篇先给实用的算法及简单的参数说明,后面介绍原理,彻底的理解其工作原理. 第一篇

OpenLayers 3加载本地Google切片地图

OpenLayers 提供了ol.source.XYZ 接口用以加载切片地图. 本地切片地图是用地图切片下载器下载的Google道路图层,由于软件未激活,所以每张切片地图上都有软件作者的联系方式,请忽略. 下载下来的切片地图通过Windows自带的iis发布,这样就可以通过网络地址来访问切片数据. 首先,根据ol3的接口创建了一个js方法,这个方法会根据传来的参数创建一个类型为ol.layer.Tile的图层. var TileLayer = function (options) { var

（转）Openlayers 2.X加载高德地图

http://blog.csdn.net/gisshixisheng/article/details/44853881 概述: 前面的有篇文章介绍了Openlayers 2.X下加载天地图,本节介绍Openlayers 2.X下加载高德地图. 实现效果: 高德地图高德影像图中:蓝色的省市边界为我本机发布的,能够与高德地图很好地结合在一起. 实现: 实现很简单的,主要是要获取地图的url,在Arcgis for js加载百度地图一文(http://blog.csdn.net/gisshixis

《ArcGIS Runtime SDK for Android开发笔记》——（13）、图层扩展方式加载Google地图

1.前言 http://mt2.google.cn/vt/lyrs=m@225000000&hl=zh-CN&gl=cn&x=420&y=193&z=9&s=Galil 通过图层扩展类的方式加载Google地图的是我们通常获取Google地图的一种方式,根据这种方式我们可以通过拼接地图瓦片Url字符串获取瓦片数据,关于Google瓦片算法的解析网上有很多,以下仅列出博客地址,及具体实现类. Google瓦片地图算法解析 :http://blog.csdn.n

ArcMap和ArcGIS Pro加载百度地图

前面发布了两篇我用ArcBruTile开发用于ArcMap加载百度地图的插件ArcBruTileBaidu,放在网上后评论和反响还不错,还有两位大学同学通过百度搜索居然搜到我本人!文章和技术介绍也被网络上复制粘贴了很多次,开发了那么多没人用的数字城市平台软件和GIS系统,这一个工具才感觉自己还有点用. 毕竟只是茶余饭后的兴趣爱好,对该插件升级和维护的也不是很及时,也导致很多需求没跟上,对不起各位用户. ArcBruTileBaidu插件有如下几个大的缺陷: 1. 需要下载安装包进行安装,极

Openlayers Overlay加载gif图片

说明: 项目中使用vector图层做图片撒点功能,发现加载gif没有效果.网上查找资料发现,openlayers不支持gif图片样式. 后面采用overlay的方式,gif图片赋值给DOM元素解决方案: 1.单个点先在地图容器里新增一个id为marks的<div>标签 /*加载gif图片格式*/ function addGifMarks() { let aa = document.getElementById('marks'); let lyr = new ol.Overlay({ id:

Flex加载google地图、百度地图以及天地图作底图

一 Flex加载Google地图作底图 (1)帮助类GoogleLayer.as /* * 根据输入的地图类型加载Google地图(by chenyuming) */ package Layers { import com.esri.ags.SpatialReference; import com.esri.ags.geometry.Extent; import com.esri.ags.geometry.MapPoint; import com.esri.ags.layers.TiledMa

ArcGIS API for Silverlight 加载google地图

原文:ArcGIS API for Silverlight 加载google地图 using System; using System.Net; using System.Windows; using System.Windows.Controls; using System.Windows.Documents; using System.Windows.Ink; using System.Windows.Input; using System.Windows.Media; using Syst

ArcGIS API for Silverlight加载google地图（后续篇）

原文:ArcGIS API for Silverlight加载google地图(后续篇) 之前在博客中(http://blog.csdn.net/taomanman/article/details/8019687)提到的加载google地图方案,因为google地址问题,看不到图了,发现是url地址变换造成的. 现将如下三个类公布出来,源码如下: using System; using System.Net; using System.Windows; using System.Windows.

Delphi中用Webbrowser加载百度地图滚轮失效（ApplicationEvents里使用IsChild提前判断是哪个控件的消息）

在Delphi中使用Webbrowser加载百度地图时,点击了其它界面,再回到百度地图中,即使点击了鼠标,再用滚轮也不能缩放地图,除非点地图里面的自带的控件,之后才能缩放,原因是因为其它窗体控件获得焦点后没还回给Webbrowser.目前的解决办法是在窗体上拖一个ApplicationEvents,在他的OnMessage事件中写入如下代码: if IsChild(WebBrowser1.Handle, Msg.Hwnd) then begin // 使用API进行判断,第一个参数是父窗口,第

ArcGIS API for JavaScript 4.4 版本加载谷歌地图

ArcGIS API for JavaScript 4.X 版本升级后,API发生了很大的变化. 其中就支持了WebEarth展示,主要是通过 esri/views/SceneView 实现的. 在新版本中,默认都是加载Esri自己的地图. 若想加载其他地图,可以通过扩展BaseTileLayer实现. 例如,最新版本加载谷歌地图的demo如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8&quo

Global Mapper如何加载在线地图

Global Mapper是一个比较好用的GIS数据处理软件,官网:http://www.bluemarblegeo.com/products/global-mapper.php ,除使用ArcGIS软件的处理数据外,这个软件也常用来处理数据,它不会像ArcGIS等大型商业GIS软件那样臃肿. 但是,以前它的颜值确实有点低,如下: 新的版本颜值有所提升,风格与国外开源软件类似,也和sketchup界面有点像. 颜色先不说,它的功能确实强大.可兼容各种地图和数据.例如可以将天地图的地图服务加载上去

arcgis 加载高德地图 es6的方式

目前很多arcgis 加载高德地图是dojo的方式外部引入文件,现在改成这种方式 /** * Created by Administrator on 2018/5/14 0014. */ import * as esriLoader from 'esri-loader' export const gaodeLayer = {} gaodeLayer.create = function (map) { esriLoader.dojoRequire(["dojo/_base/declare&quo

arcgis JavaScript 加载 mapbox地图

mapbox 地图现在是越来越好看了, 随便试 /** * Created by Administrator on 2018/5/15 0015. */ import * as esriLoader from 'esri-loader' import {mapBoxType} from "./MapBoxType" export const mapBoxLayer = {}; mapBoxLayer.layerType = mapBoxType; mapBoxLayer.addLaye

ARCGIS FLEX API加载google地图、百度地图、天地图（转）

http://www.cnblogs.com/chenyuming507950417/ Flex加载google地图.百度地图以及天地图作底图一 Flex加载Google地图作底图 (1)帮助类GoogleLayer.as /* * 根据输入的地图类型加载Google地图(by chenyuming) */ package Layers { import com.esri.ags.SpatialReference; import com.esri.ags.geometry.Extent; i

（转） Arcgis for js加载百度地图

http://blog.csdn.net/gisshixisheng/article/details/44853709 概述: 在前面的文章里提到了Arcgis for js加载天地图,在本节,继续讲解如何在Arcgis for js中加载百度地图. 效果: 地图影像-无标注影像-有标注实现: 第一,在此感谢http://www.cnblogs.com/chenyuming507950417/p/3343729.html这篇文章的主人,给了我很大的启发与帮助,因为一直在找相关的参数,都不对

Vue异步加载高德地图API

项目中用到了高德地图的API以及UI组件库,因为是直接把引入script写在index.html中,项目打包后运行在服务器,用浏览器访问加载第一次时会非常慢,主要原因是加载高德地图相关的js(近一分钟),用户体验非常不好. 于是在网上找了些资料,改成异步加载的方式.以下是实现方案: 1.首先定义一个asyncLoadJs.js(这里用到了AMap和AMapUI): // 异步加载高德地图API export function loadMP() { const mp = new Promise(f

Arcgis for js加载百度地图

看转:https://blog.csdn.net/qq_41046162/article/details/80248281 通过学习了一段时间的arcgis for js,让我来讲一下如何在arcgis for js加载百度地图. 加载的结果显示: 地图影像 - 无标注影像 - 有标注制作步骤: 首先,我是在学习了https://blog.csdn.net/gisshixisheng/article/details/44853709这篇文章,代码大多都是那里的,参数也都没错,但是复制过去还

OpenLayers 2 加载瓦片地图

热门专题