HTML5+geolocation结合google+maps的应用+MapMail

最新推荐文章于 2018-07-10 15:48:08 发布
最新推荐文章于 2018-07-10 15:48:08 发布
阅读量1.6k 收藏
点赞数 1
分类专栏： WEB iOS Android 文章标签： html5 google javascript 浏览器 旅游 qq
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/octobershiner/article/details/6589277
版权
Android 同时被 3 个专栏收录
14 篇文章 0 订阅
订阅专栏
WEB
3 篇文章 0 订阅
订阅专栏
iOS
1 篇文章 0 订阅
订阅专栏

这是我参加QQ浏览器大赛的作品，利用html 5的geolocation获取地理位置信息，和google maps API结合在了一起，是一款移动应用。用户可以可以随时的利用移动终端定位自己的位置并且发送带有地理位置信息的邮件，所有操作都在触控间完成，有着约会，旅游，通知等不同场景的邮件模板，方便移动用户的生活。

利用html5 CSS3 和 javascript编写，现在还不能公开自己的代码，之后会和大家一起分享的。

下面是视频的连接地址


MapMail演示的视频




时间分割线

--------------------------------------

高兴的告诉大家我得作品最终获得了手机QQ浏览器创新应用大赛的二等奖，谢谢大家的支持，小O回去继续努力   可能的话，会分享代码，以及讲解














octobershiner
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
js+html5获取用户地理位置信息并在Google地图上显示的方法
12-29
本文实例讲述了js+html5获取用户地理位置信息并在Google地图上显示的方法。分享给大家供大家参考。具体实现方法如下： <!DOCTYPE html> <html> <body> Click the button to get your position: <button onclick=getLocation()>Try It</button> [removed] var x=document.getElementById(demo); function getLocation() {
谷歌定位 geolocation Google map 定位
pp
08-01 2633
最近有个需求，关于国外（主要是美国）的当前位置定位和指定地址并且显示地图。故采用了google map 的 api完成（肯定需要科学上网）。 (写在前面。。。下面的demo google文档也有，但是不好找，特别对于英语不好的人(捂脸)) 1.获得当前位置定位，并且返回州和市名称 主要用到两个api，一个是geolocation对象的getCurrentPosition()方法获取位置（目前找到的...
用map实现邮箱地址分离
热门推荐
mischen520的博客
06-16 7万+
假如有以下email数据“aa@sohu.com,bb@163.com,cc@sina.com,..”  现需要把     email中的用户部分（如aa）和邮件地址部分(如sohu.com)分离，  分离后以键值对应的方式放入HashMap， 并遍历打印map的键和值。 提示：参考String split方法。 import java.util.HashMap; import
HTML5 google地图js代码
11-21
很小很实用的地图插件,直接放到页面就可以使用，太完美了
HTML5+CSS3 国外酒店模板
04-10
这个"HTML5+CSS3 国外酒店模板"是专门为酒店行业设计的一个网站模板，它结合了最新的HTML5元素和CSS3特性，以提供一种专业、优雅的在线展示方式，吸引潜在客户并提升用户体验。 首先，HTML5是超文本标记语言的第五...
Geo-Location:使用HTML + CSS + JS和Google Maps制作的一个有趣的项目
03-05
这个项目利用HTML、CSS和JavaScript与Google Maps API相结合，创建了一个实用且有趣的交互式地图应用。以下是对这个项目及其涉及的关键知识点的详细解释。 1. **HTML**：HTML（超文本标记语言）是构建网页的基础，...
Jquery+h5绘制地图
11-02
首先，你需要获取地图数据，这通常来源于GIS服务，如OpenStreetMap或Google Maps的API。地图数据通常以多边形、线段等形式表示地理位置。 在HTML部分，你需要创建一个canvas元素，并设置合适的宽度和高度。然后，...
react-native-maps-router-boilerplate:React Native + Google Maps + Google API讨论源
05-08
在“react-native-maps-router-boilerplate”项目中，我们看到这个boilerplate（模板）结合了React Native、Google Maps以及Google API，为开发者提供了一个起点，用于快速开发涉及地图和路线导航的移动应用。...
mappy:带有 Ionic + Angular 的简单地图应用程序
06-09
4. **Google Maps API** 或 **OpenStreetMap** - 可能集成的地图服务，用于显示地图和处理地理数据。 5. **Geolocation API** - 获取设备的地理位置信息，用于定位服务。 6. **RxJS** - Angular 中常用于处理异步...
Geolocation地理定位
09-09 373
有关地理位置的获取和Google Maps API 1. W3C 中新添加了一个名为 Geolocation的 API 规范，Geoloaction API的作用就是通过浏览器获取用户的地理位置。我们可以使用navigator.geolocation来获取用户的地理位置信息。 获取当前地理位置的方法navigator.geolocation.getCurrentPosition(success_
HTML5+ plus.maps地图定位，标记多个自定义mark及mark点击（附官方文档链接）
csdnwr的博客
07-10 5427
http://www.html5plus.org/doc/zh_cn/maps.html（PS：别骂我，每次搜都一点点的资料，看不到文档，自己备注下文档链接）
HTML5+google map自我瞎学习
yinmo01的专栏
10-18 1018
感想W3C中国 点击这个按钮，获得您的位置： 试一下 //调取谷歌地图API var x=document.getElementById("demo"); function getLocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosit
【Android 笔记 五】 Android Sensor感应器介绍（一）重力感应加速度获取
Octobershiner的专栏
07-27 5万+
FETC项目指导老师提出了新的需求，想要在游戏地图中表现出用户用户当期移动的方向，再用GPS的话显然很不靠谱，所以想到了android强大的感应器。。。很多移动设备都内置了感应器，android通过Sensor和SensorManager类抽象了这些感应器，通过这些类可以使用an
【Android笔记 七】Android Sensor感应器介绍（三）获取用户移动方向，指南针原理
Octobershiner的专栏
07-28 4万+
晚上好～今天继续给大家分享一下第二个重要的感应器，其实获取方向本应该很简单的事情，在文章一中看到 有个TYPE_ORIENTATION 关键字，说明可以直接获取设备的移动方向，但是最新版的SDK加上了这么一句话“TYPE_ORIENTATION     This constant
【Android笔记 二】Location获取地理位置信息（上）
Octobershiner的专栏
07-23 3万+
2011 7 22暑假实训的第五天，跟大家分享以下我对Android location的学习吧，这是一个最基本的获取地理位置信息的入门，下一次给大家介绍更质能化的地理位置选择Criteria，今天就先写简单的吧，挑选了SDK两个重要的方法，我自己翻译了一下，也加上了自己的理解，希
【Android笔记 四 】使用android 调用震动的例子
Octobershiner的专栏
07-25 2万+
这两天干了点别的，原因是昨天使用getProviders()方法时，用到了ArrayList这个类，突然想深入的了解他的机制，结果收获非常多，很纠结的看了一位大神分析的JAVA COLLECTION FRAMEWORK的源代码，这样Fail Fast机制就赤裸裸的出现在眼前了，中
【代码】android 通过GPS获取用户地理位置并监听位置变化
Octobershiner的专栏
07-23 1万+
LocationActivity.java/* LocationActivity.java * @author octobershiner * 2011 7 22 * SE.HIT * 一个演示定位用户的位置并且监听位置变化的代码 * */ package u
【Android笔记 六】Android Sensor感应器介绍（二）线程中刷新UI 一个创建android测力计的例子
Octobershiner的专栏
07-28 1万+
上一篇文章http://blog.csdn.net/octobershiner/article/details/6639040  介绍了sensor的基本知识以及一个使用其中加速度感应器获取数据的例子。  提到过一个问题，就是说感应器刷新频率太快，假如我们要做一个UI中，需要根据

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值