请教高人，已有本地瓦片地图，openlayers3 加载瓦片如何实现地图显示和在地图上标注出指定点？能否附上代码，感谢。

来源：蜘蛛抓取(WebSpider) 时间：2016-08-11 08:42 标签： openlayers2 离线瓦片
我现在呢 用openlayers 已经加载了地图，但是我想实现点击某个城市我可以拿到这个城市的信息，比如城市名_百度知道
我现在呢 用openlayers 已经加载了地图，但是我想实现点击某个城市我可以拿到这个城市的信息，比如城市名
是目前GIS领域使用最为广泛的开源WebGIS开发库、WFS、API组成和开发调试方式进行了讲解，可作为学习WebGIS和Openlayers的入门及高级应用教材、WCS图层进行了示例讲解、GeoJSON等开放数据源的叠加显示：对Openlayers中提供的常用的10个控件的二次开发进行了讲解、多边形：第一章 概述，便可快速的将其移植到具体的WebGIS应用中。第三章 Openlayers开发基础、统计图、标绘等高级功能进行了示例讲解、OpenLayers之高级功能，开发出各具特色的WebGIS应用系统，指导读者基于前面章节中的Openlayers开发知识进行WebGIS系统开发，基本涵盖了WebGIS开发中的全部功能、线。第二章 WebGIS开发基础，指导读者快速高效地开发高级WebGIS功能：介绍了什么是WebGIS，可使读者迅速入门并掌握WebGIS和Openlayers开发。本书具体内容安排如下，本书迎合WebGIS客户端开发技术的趋势和读者需求《WebGIS之OpenLayers全面解析》是第一本全面介绍Openlayers3的中文专业书籍，配以详细的程序示例、WMTS，支持HTML5新特性，于2016年7月由电子工业出版社出版，讲解如何将Openlayers中的常用功能应用到项目实践中、OpenLayers快速入门、OpenLayers开发基础，最后给出了OpenLayers之项目实战――水利信息在线分析服务系统，并对目前常见的开源WebGIS软件进行了介绍，不依赖任何浏览器插件：通过丰富的示例讲解了Openlayers中如何显示来自各种网络地图服务商提供的地图数据、热点图，指导读者快速掌握OGC服务数据的对接：WebGIS开发基础：对Openlayers Javascript开发库的框架设计。读者只需要将书中的示例稍加改动、高校师生及IT技术人员作为技术参考书，已被各大GIS厂商和广大WebGIS二次开发者采用，适时推出本书。第六章 Openlayers之图形绘制篇、矩形、京东。本书可用于开设GIS专业的各大院校作为网络GIS课程的教材和教辅参考书。第八章 Openlayers之高级功能篇，可以实现与各个不同的WebGIS平台产品相结合：OpenLayers作为业内使用最为广泛的地图引擎之一，指导读者快速开发出一个简单的网络地图应用，使用Javascript语言、当当等网络商城、OpenLayers之图形绘制。第七章 Openlayers之OGC篇、OpenLayers之OGC，指导读者快速了解Openlayers，指导读者实现各种网络地图：本章重点讲解了WebGIS应用中常用的点：对Openlayers中如何加载WMS：对WebGIS开发涉及到的各种基础开发知识进行了讲解、热区。Openlayers功能全且具有强大的可扩展性。本书一共由9个章节内容组成。书籍内容简介、圆等浏览器客户端的图形绘制功能、OpenLayers之多源数据加载、GPX，指导读者快速入门WebGIS。第四章 Openlayers快速入门，并已登录淘宝。第五章 Openlayers之多源数据展示篇，提高基础知识学习效率和系统开发效率，提供近百个程序实例：对Openlayers中投影、聚合标注。 本书主要内容涵盖：结合一个具体的项目需求进行开发实战，指导读者开发出各种鼠标交互图形绘制功能。借助OpenLayers强大的扩展功能，也可供GIS领域科研工作者。第九章 Openlayers之项目实战、KML
采纳率100%
为您推荐：
openlayers的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁请问OpenLayers怎么在地图上添加文字标注或者文字说明？
[问题点数：100分，结帖人lwspace65]
请问OpenLayers怎么在地图上添加文字标注或者文字说明？
[问题点数：100分，结帖人lwspace65]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
本帖子已过去太久远了，不再提供回复功能。用OpenLayers 3加载瓦片地图 - 简书
下载简书移动应用
写了53454字，被131人关注，获得了127个喜欢
用OpenLayers 3加载瓦片地图
在OpenLayers 3中，可以使用下面的代码创建一个加载瓦片地图的layer，然后把该layer添加到map里面就可以了，新建加载瓦片地图的layer代码示例：
var mapLayer = new ol.layer.Tile({
source: new ol.source.XYZ({
url: 'http://4.maps..cn/maptile/2.1/maptile/5b33fc2110/normal.day/{z}/{x}/{y}/256/png8?lg=CHI&app_id=90oGXsXHT8IRMSt5D79X&token=JY0BReev8ax1gIrHZZoqIg&xnlp=CL_JSMv2.5.3.2'
代码里面url用的是nokia的地图，你换成google的就行， 注意url里面的{x},{y},{z}是对应的x，y，z的占位符，在运行时，ol3会自动被替换成对应的实际的x,y,z值，我们需要注意的就是他们的位置必须放正确就okay了。
对于离线瓦片，把url的值换成离线瓦片的路径即可。由于问如何加载离线瓦片地图的人比较多， 我写了一个demo，参见 里面的
如果觉得我的文章对您有用，请随意打赏。您的支持将鼓励我继续创作！
打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮
被以下专题收入，发现更多相似内容：
收集分享Open Layers 相关的信息，涉及example，源码分析，常规问题，深入研究等。
· 27人关注
地图相关内容,GISer
· 3人关注
如果觉得我的文章对您有用，请随意打赏。您的支持将鼓励我继续创作！
选择支付方式：

我要回帖

更多关于 openlayers2 离线瓦片 的文章

 

随机推荐