如何用OpenLayers3实现一个长尾词的地图显示功能？

本文共计1657个文字，预计阅读时间需要7分钟。

原文：本文字例为大家庭分享了OpenLayers3实现地图显示的具体代码，供大家参考。具体内容如下：+ 1. 配置开发环境+ 使用OpenLayers 3开发WebGIS应用，我们首先需要配置开发环境，首先我们需要在openla...

修改后：+ 1. 设置开发环境+ 利用OpenLayers 3开发WebGIS应用，首先须设置开发环境，初步需在openlayers...

本文实例为大家分享了OpenLayers3实现地图显示的具体代码，供大家参考，具体内容如下

1.配置开发环境

使用OpenLayers 3开发WebGIS应用，我们首先需要配置开发环境，首先我们需要在openlayers官网获取OpenLayers 3的开发库。下载链接：官网。打开后如图所示：

需要注意的是这里下载有两个版本，①：仅包括开发库（开发与调试的JS库以及CSS文件），②：包括开发库、开发库源码、示例、API等所有开发资源。

在这里我下载了第一个版本，下载后如图所示：

2. 显示一个OSM瓦片地图

这里我们介绍基于OpenLayers 3 API显示一个OSM瓦片地图（即OpenStreeMap的瓦片地图）。

方法1

实现思路：对地图的显示，首先需要创建一个地图容器对象（oL.Map类），然后在容器里面加载图层来实现。