麻辣GIS微信平台

更多 GIS 干货

微信关注不错过

文章列表:html5

「GIS教程」使用HTML5获取设备的方向信息

「GIS教程」使用HTML5获取设备的方向信息

使用DeviceOrientationEvent来获取移动设备的方向信息。

「GIS理论」JSON数据格式初探

「GIS理论」JSON数据格式初探

JSON和GeoJSON都是GIS领域广泛应用的数据交换格式,通过本文可以初步认识JSON数据格式。

[WebGIS] HTML5跟踪GPS轨迹(9)查看走过的轨迹

[WebGIS] HTML5跟踪GPS轨迹(9)查看走过的轨迹

经过前面对HTML5、VueJS还有百度地图的折腾,剩下的工作也就水到渠成了,接下来我们将通过百度地图查看记录在IndexedDB的位置数据。 事件响应 首先响应 查看地图 按钮的点击事件,如图...

[WebGIS] HTML5跟踪GPS轨迹(8)再谈百度地图的坐标转换(V2版)

[WebGIS] HTML5跟踪GPS轨迹(8)再谈百度地图的坐标转换(V2版)

在之前的文章《百度地图坐标转换(gps google 百度坐标相互转换》中我曾经简单介绍过百度地图中坐标转换的“坑”。这次在写这个示例的时候发现百度地图JS-API V2发布了,而在新的百度地图...

[WebGIS] HTML5跟踪GPS轨迹(7)VueJS引入百度地图

[WebGIS] HTML5跟踪GPS轨迹(7)VueJS引入百度地图

通过前文的工作已经可以使用HTML5记录并保存数据,同时实现了应用的相关设置功能。下面的工作就是要查看已经记录下的信息了,当然给我们一个一个的坐标点我们是无法查看出定位效果的。最好的方法还是将定...

[WebGIS] HTML5跟踪GPS轨迹(6)应用设置功能实现

[WebGIS] HTML5跟踪GPS轨迹(6)应用设置功能实现

前文实现了使用HTML5定位并记录信息,其实实现了这一步后面就比较简单了,本文介绍应用设置的功能和实现。 响应点击事件 在应用设置的按钮上绑定点击的响应函数,如下: 响应代码如下,其主要作用是...

[WebGIS] HTML5跟踪GPS轨迹(5)记录轨迹功能实现

[WebGIS] HTML5跟踪GPS轨迹(5)记录轨迹功能实现

前文《HTML5跟踪GPS轨迹(4)基本界面布局》构架了样式,本文实现记录轨迹的功能。 响应点击事件 vue中事件响应比较简单,代码如下: 图中红框中的表示响应click事件,代码响应如下 /...

[WebGIS] HTML5跟踪GPS轨迹(4)基本界面布局

[WebGIS] HTML5跟踪GPS轨迹(4)基本界面布局

前文已经介绍了我们整个程序的基础技术,一个是地理位置获取(HTML5 Geolocation接口),一个是地理位置存储(HTML5 IndexedDB)。下面进入正题,我们从页面的前端样式开始,...

[WebGIS] HTML5跟踪GPS轨迹(3)IndexedDB使用精简入门下篇

[WebGIS] HTML5跟踪GPS轨迹(3)IndexedDB使用精简入门下篇

前文《HTML5跟踪GPS轨迹(2)IndexedDB使用精简入门上篇》中介绍了使用IndexedDB增、删、改、查数据的方法,本文简单介绍IndexedDB另外一个强大的功能:索引。 Inde...

[WebGIS]  HTML5跟踪GPS轨迹(2)IndexedDB使用精简入门上篇

[WebGIS] HTML5跟踪GPS轨迹(2)IndexedDB使用精简入门上篇

前文《HTML5跟踪GPS轨迹(1)关于HTML5中的定位函数》已经解决了HTML5获取GPS位置的问题,那数据存储在哪里呢?笔者使用的是IndexedDB。 为什么使用IndexedDB 目前...

[WebGIS] HTML5跟踪GPS轨迹(1)关于HTML5中的定位函数

[WebGIS] HTML5跟踪GPS轨迹(1)关于HTML5中的定位函数

在前文《HTML5跟踪GPS轨迹(0)应用开发及简介》中介绍了使用HTML5跟踪GPS轨迹的思路,本文就介绍下笔者收集的关于HTML5中定位相关的函数。PS:最近有一点忙,就没更新,抱歉。 在H...

[WebGIS] HTML5跟踪GPS轨迹(0)应用开发及简介

[WebGIS] HTML5跟踪GPS轨迹(0)应用开发及简介

之前的文章《采用PHP+MySQL百度地图开发WebGIS系统之架构规划》中我记录了一个关于使用HTML5+PHP+MySQL开发一个徒步轨迹的WebGIS系统的思路。在文章中我大约介绍了整个项...

[WebGIS] HTML5跟踪GPS轨迹笔记汇总

[WebGIS] HTML5跟踪GPS轨迹笔记汇总

本文记录了使用HMTL5来记录GPS轨迹的开发过程,使用HTML5的Geolocation来获取地理位置,使用IndexedDB来存储轨迹的详细信息。目前来说已经初步实现了收集轨迹数据的功能,但...

HTML5移动GIS开发和应用

HTML5移动GIS开发和应用

ESRI中国关于HTML5开发GIS应用的介绍,内容比较有参考性,可以总体了解下HTML5在GIS开发中的应用,并且介绍了HTML5在移动GIS中的多种解决方案。 下载地址: 链接: http...

Google Maps(JS)开发入门(4):使用HTML5 Geolocation属性定位

Google Maps(JS)开发入门(4):使用HTML5 Geolocation属性定位

这是HTML5增加的新属性,在之前的文章中我已经详细介绍过了,本文只是引用的是Google Maps官方的例子。 关于HTML5获取经纬度的详细例子以及详细参数,可以查看这里。关于HTML5 G...