本文使用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对高德,百度,腾讯,bing,supermap,天地图,arcgis,google等地图进行了对接,今天简单介绍一下openlayers+高德: 在Openlayers.Layer.XYZ.js中有如下更改:(百度兴趣点下载工具:http://www.cnblogs.com/songjiang6940/p/baiduPOI.html) * bounds - {<OpenLayers.Bounds>} * * Returns: * {String} A string w

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

实现根据在线离线判断加载地图, 在线加载谷歌影响地图, 离线加载本地瓦片地图 作者: 狐狸家的鱼 Github: 八至 html代码 <div id="map" tabindex="0" class="map"></div> tabindex="0"是为了启动键盘事件. js代码 //地图中心点 var center = ol.proj.transform([110.06667, 14.66667],

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

本文使用OpenLayers最新版本V5.3.0演示:如何使用OpenLayer完美无偏移加载百度离线瓦片地图.OpenLayers 5.3.0下载地址为:https://github.com/openlayers/openlayers/releases/download/v5.3.0/v5.3.0-dist.zip . 百度地图离线瓦片下载使用“迈高图-地图数据下载器”(以下简称:迈高图),演示数据以湖南省长沙市芙蓉区12~18级瓦片数据为例. 下载演示数据 迈高图选择百度地图为当前地图源,地

OpenLayers加载QQ地图 http://www.openlayers.cn/portal.php?mod=view&aid=4 2012-10-21 17:22| 发布者: admin| 查看: 16890| 评论: 24|原作者: admin|来自: 本站 摘要: OpenLayers加载QQ地图,QQ卫星图   经过一段时间的准备,OpenLayers中文官方站终于和大家见面了. 本站本着分享学习的原则, 为初学者提供交流学习的平台. 同时也希望高手们不吝惜自己的智慧,与大家共同分享

因为项目需要,只有内网环境,没有外网环境,所以需要下载地图瓦片. 一.下载瓦片地图 这个可以自行在网上找一些地图瓦片下载器,下好的瓦片地图是分级的.大概如图这种类型. 二.在地图上显示标记 首先使用openlayers加载离线地图瓦片.这里我用的nginx弄了给静态图片服务器. // 自定义分辨率和瓦片坐标系 var resolutions = []; var maxZoom = 18; // 计算百度使用的分辨率 for (var i = 0; i <= maxZoom; i++) { res

1. 引言 网络地图对于我们来说已经不是什么新鲜事了,上面有各大互联网公司收集的海量的地理空间数据.一般网络地图的地图是以切片形式存在的,因此,本文重点讲述如何将这些网络切片地图加载并显示再ArcGIS中. 其实ArcGIS自带了网络地图加载功能,File->Add Data->Add BaseMap.但是这种方法有几个弊端,首先能够加载地图类型有限,国内的高德,百度,天地图都没有:其次,加载速度非常慢.因此,我基于ArcBruTile开发了一个ArcGIS插件能够快速加载高德地图.天地图.O

目前很多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 瓦片图层,运行官网加载 ArcGIS 瓦片图层的 demo 是没有问题的.如果把 ArcGIS 瓦片图层 URL 换成是自已发布的 ArcGIS 地图服务,发现加载不出来,而服务本身提供的 ArcGIS API 却可以加载出来.到底是哪里的问题呢,于是便试着写了个自定义扩展方法 ArcGISTileLayer 用来加载 ArcGIS 瓦片图层. 1.分析 ArcGIS API 的 URL 打开浏览器的 Network 发现 URL 参数是由 dpi .bboxSR.i

利用ArcGIS JavaScript API加载高德在线地图的扩展 /** * Created by WanderGIS on 2015/7/15. */ define(["dojo/_base/declare", "esri/geometry/Extent", "esri/SpatialReference", "esri/geometry/Point", "esri/layers/TileInfo",

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

// 采用openlayers加载天地图 var layer = new ol.layer.Tile({ source: new ol.source.XYZ({ // crossOrigin: 'Anonymous', // 是否请求跨域操作 url: url // 天地图地址 }) }); 如果没有用到crossOrigin属性就不会产生跨域问题,一般这个参数也不会设置. 这个参数使用场景如下官网所述: 加载图像的crossOrigin属性.请注意,如果使用的是WebGL渲染器,或者要使用Ca

前言 关于Vue 里面使用异步加载高德地图 项目中其实只有几处需要用到地图,不需要全局引入 在index文件中引入js会明显拖慢首屏加载速度,虽然可以使用异步加载script的方式解决,但是始终觉得不够优雅. 解决方案 1.创建一个AMap.js,路径'utils/AMap' export default function MapLoader () { // <-- 原作者这里使用的是module.exports return new Promise((resolve, reject) =>

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

Openlayers介绍 ​ Openlayers是一个基于Javacript开发,免费.开源的前端地图开发库,使用它,可以很容易的开发出WebGIS系统.目前Openlayers支持地图瓦片.矢量数据等众多地图数据格式,支持比较完整的地图交互操作.目前OpenLayers已经成为一个拥有众多开发者和帮助社区的成熟.流行的框架,在国内外的GIS相关行业中得到了广泛的应用. openlayers 官网地址 https://openlayers.org/ openlayers 源码地址 https:

最近在做openlayers添加百度地图的扩展类,经过轮番的尝试,终于将其接入了,但是发现偏差比较大,有根据百度的坐标进行了比对,将切片原点进行了调整,发现OK了.打开百度地图,可以看出切片的路径如:http://online1.map.bdimg.com/tile/?qt=tile&x=742&y=248&z=12&styles=pl&udt=20141113,在发现百度地图的切片规则也是和google一样,采用TMS进行切片的,因此剩下的工作就是去查找切片和行列

openlayer 是基于JavaScript的webGIS库 ,通过openlayer可以很容易的调用地图,并做相应的操作. 在head中载入openlayer的js文件: <link rel="stylesheet" href="https://openlayers.org/en/v4.1.1/css/ol.css" type="text/css"> <script src="jquery-1.11.1.min.j

解决方式:设置样式隐藏图片 <style type="text/css"> .olImageLoadError { /*ol2.12 onImageLoadError no longer exists, replace */ display: none !important; } </style>