openlayer - Web Gis 引擎

概述

OpenLayers 3简称ol3，是一个开源的Web GIS引擎，使用了JavaScript、HTML5及CSS3技术。在地图数据源方面，支持各种类型的瓦片地图，既支持在线的，也支持离线的。

支持浏览器

由于OpenLayers 3使用了HTML5技术，所以对各种浏览器的版本有所要求。IE浏览器最低需要IE9，IE9以下的浏览器可以考虑使用OpenLayers 2。其他浏览器的最低版本要求：Firefox 3.5，Chrome 3.0，Safari 3.0，Opera 10.5。

‘Hello World’

“`
//想要使用OpenLayers 3，首先你需要引入了ol3的js库文件ol.js及样式文件ol.css。

//指定容器

// 创建地图 let mapObj = new ol.Map({ // 设置地图图层 layers: [ // 创建地图源为Open Street Map瓦片图层 new ol.layer.Tile({source: new ol.source.OSM()}) ], // 设置地图的视图 view: new ol.View({ center: [0, 0], // 定义地图显示中心于经度0度，纬度0度处 zoom: 2 // 并且定义地图显示层级为2 }), // 指定地图在页面具体的位置进行显示，所以要记住 // 地图显示还是离不开使用dom来实现。虽然和地图业务没关系，但也必不可少， // 因为它是Web GIS，最基本的还是依赖于HTML。 target: 'map' });

【openlayers】ol3入门一基础篇相关推荐

web快速入门之基础篇-js：3_3、简易购物车
目录一.前言二.js代码实例演示 1.简易购物车01_数量变化 (1)实例代码 (2)效果演示 2.简易购物车02_数量价格同步 (1)实例代码 (2)效果演示一.前言上一篇介绍了DHTML对 ...
web快速入门之基础篇-html：2、基本标签之标题标签、段落标签、换行标签
目录一.前言二.简单实例介绍实例代码运行效果三.要点说明 1.h1到h6 标题标签 2.p 段落标签 3.br 换行标签[单标记] 一.前言上一篇文章我整理以前上学的笔记是初见 html ...
ESP32-C3入门教程基础篇⑪——Non-Volatile Storage (NVS) 非易失性存储参数的读写
文章目录一.前言二.NVS介绍三.操作流程 3.1 读操作流程 3.2 写操作流程四.关键函数五.随机整数读写示例六.对象/数组读写示例七.总结八.参考一.前言本文基于VS C ...
逆向工程恶意软件入门（基础篇）
本文讲的是逆向工程恶意软件入门(基础篇), 前言在这个系列文章中,我会向大家介绍逆向工程恶意软件的各个方面的知识.逆向工程恶意软件是一个很深奥和复杂的主题,因此很少有人掌握它,这也是这个领域的薪酬很 ...
Kubernetes入门指南-基础篇
Kubernetes入门指南-基础篇基础入门 kubernetes简介 kubernetes是一个平台 kubernetes架构 kubernetes不是什么核心组件 kubernetes基本概念 ...
ESP32-C3入门教程基础篇②——GPIO口输入，按键的长按和短按
文章目录一.前言二.硬件准备三.知识要点 3.1 GPIO使用 3.2 时钟节拍四.参考例程五.功能简述六.源码实现 6.1 中断方式 6.2 定时扫描七.源码详解一.前言本文基于V ...
Spring Boot 入门之基础篇（一）
2019独角兽企业重金招聘Python工程师标准>>> 一.前言 Spring Boot 是由 Pivotal 团队提供的全新框架,其设计目的是用来简化新 Spring 应用的初始搭 ...
ESP32-C3入门教程基础篇（八、NVS — 非易失性存储库的使用）
前面的7节课把开发板上基本的外设都测试过一边,接下来马上就要进入wifi和蓝牙应用的测试了在此之前,还需要把掉电数据保存的功能给实现,在STM32中,可以使用内部的flash或者有些自带的EEPRO ...
【完全免费】全新VRay Next(4.0) for SketchUp 教程入门提升基础篇正式发布！
作者:活力网今天为大家带来的是 VRay Next(4.0) for SketchUp入门到提升教程(基础篇) 该系列课程章节大致分为基础应用.UI界面.参数面板.灯光.材质.物体.综合与案例等 ...

【openlayers】ol3入门一基础篇

openlayer - Web Gis 引擎

概述

支持浏览器

‘Hello World’

【openlayers】ol3入门一基础篇相关推荐

最新文章

热门文章