唐山住房和城乡建设厅网站,推广引流哪个软件最好,网站宽度960,起点网站书的封面怎们做GIS地图服务数据可视化 OSM#xff08;Open Street Map#xff0c;开放街道地图#xff09;Bing地图#xff08;必应地图#xff09;Google地图#xff08;谷歌地图#xff09; 地图服务数据可视化是根据调用的地图服务请求Web服务器端的地图数据#xff0c;实现地图数… GIS地图服务数据可视化 OSMOpen Street Map开放街道地图Bing地图必应地图Google地图谷歌地图 地图服务数据可视化是根据调用的地图服务请求Web服务器端的地图数据实现地图数据可视化的过程。通过地图服务、地图、要素和属性数据可以在多种类型的客户端应用程序中使用。下面介绍几种常见的地图服务重点介绍利用Leaflet加载这些地图服务的方法包括OSM、Bing地图、Google地图、天地图地图、百度地图、高德地图、智图、ArcGIS瓦片地图。 OSMOpen Street Map开放街道地图
是一个网络地图协作计划目标是创造一个内容自由且能让所有人编辑的世界地图也称为开源wiki地图。OSM数据开源可以被用户自由下载使用OSM数据主要从网站https://www.openstreetmap.org/中的“导出”界面进行获取。
基于Leaflet加载OSM的主要实现步骤如下。 1新建一个Web网站将Leaflet开发库和样式文件leaflet.js和leaflet.css复制到网站的某一个目录下。 2在新建网站中创建一个HTML网页在网页的中引入leaflet.js和leaflet.css。 3在HTML网页的中新建一个div作为地图容器设置其id为“leaf_map”并设置其高度。 4在脚本区域编写代码实现一个加载地图的函数init()即在该函数中分别创建Leaflet的Map类、Layer类L.TileLayer的对象通过addTo()方法将图层加载到地图容器中并在Map类的属性参数中设置参考坐标系、显示中心和显示级数等。 5在HTML网页中由onload事件处理函数调用加载地图的函数init()完成地图加载显示功能。 下面以一个墨卡托坐标系的OSM世界地图服务为例进行地图的加载显示地图服务的下载地址为http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png。 代码如下
Bing地图必应地图
是微软必应搜索引擎的一项功能它提供了网络地图服务。Bing地图包括街景地图、鸟瞰图、街边地图和3D地图全面支持国内外用户进行地图浏览和出行规划并提供地点搜索、公共交通线路查询、自驾车导航、路况查询和位置定位等功能。使用Bing地图首先要去官网注册一个微软账户申请一个Bing地图的密钥然后就可以在Bing地图集合中使用任意底图。
下面实例实现了Bing地图的加载显示该服务是一个墨卡托坐标系的瓦片地图服务加载后的效果如图 基于Leaflet加载Bing地图的主要实现步骤如下。 1加载OSM的过程先定义一个地图容器。 2在区域中添加leaflet-bing-layer.js脚本的引用该插件用于加载Bing地图的显示下载地址为https://github.com/digidem/leaflet-bing-layer。 3定义Bing图层创建与实例化L.TileLayer.Bing类的对象并添加到Map容器中。 代码如下
Google地图谷歌地图
是Google公司提供的电子地图服务包括局部详细的卫星照片。该服务提供的功能有全球行政区划图、道路网、卫星影像和地形图。 下面以一个墨卡托坐标系的Google地图服务为例实现地图的加载显示功能该服务的下载地址为http://mt1.google.cn/vt/lyrsm207000000hlzh-CNglCNsrcappx{x}y{y}z{z}sGalile 基于Leaflet加载显示Google地图的主要实现步骤如下。 1加载OSM的过程先定义一个地图容器。 2定义Google地图图层创建与实例化L.TileLayer类的对象并加载到地图容器中。 代码如下