<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<title>GIS开发利用html5获取经纬度并在google地图中查看</title>
<!--加载google map api-->
<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?key=AIzaSyCefZle2DqxF9i51PTfoZsZoOmvWzKYhF4&sensor=true">
</script>
</head>
<body>
<span id="support">将下面的经纬度输入谷歌地图:</span>
<div id="show">
纬度:<span id="latitude"></span><br />
经度:<span id="longitude"></span><br />
准确度:<span id="accuracy"></span>
</div>
<script type="text/javascript">
var doc = document,
latitude = doc.getElementById('latitude'),
longitude = doc.getElementById('longitude'),
accuracy = doc.getElementById('accuracy'),
support = doc.getElementById('support'),
showDiv = doc.getElementById('show');
function lodeSupport(){
if(navigator.geolocation){
support.innerHTML = '将下面的经纬度输入谷歌地图(纬度 经度)查看自己位置:';
showDiv.style.display = 'block';
navigator.geolocation.getCurrentPosition(updataPosition);
}else{
support.innerHTML = '对不起,浏览器不支持!';
showDiv.style.display = 'none';
}
}
function updataPosition(position){
var latitudeP = position.coords.latitude,
longitudeP = position.coords.longitude,
accuracyP = position.coords.accuracy;
latitude.innerHTML = latitudeP;
longitude.innerHTML = longitudeP;
accuracy.innerHTML = accuracyP;
//在google map中显示地址
var myLatlng=new google.maps.LatLng(latitudeP, longitudeP);
var mapOptions = {
center: myLatlng,
zoom: 13,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
mapOptions);
var marker = new google.maps.Marker({
position: myLatlng,
title:"小编的地址"
});
//将标记显示在地图中
marker.setMap(map);
}
window.addEventListener('load', lodeSupport , true);
</script>
<div id="map_canvas" style="width:500px; height:500px;"></div>
</body>
</html>
相关推荐
支持谷歌卫星地图,谷歌地形地图,谷歌路线地图,谷歌电子地图,谷歌混合地图 五种地图;十线程下载,下载速度极快。 2.支持框选经纬度,准确高速多线程下载选择区域,可以无缝拼接单张大图,支持打印。 3.支持1-20...
* 选择地图类型为谷歌地图混合图 * 下载地图并获取 WGS84 经纬度坐标 知识点二:坐标转换 * 使用《万能坐标转换》软件进行坐标转换 * 将 WGS84 经纬度坐标转换为西安 80 坐标系 * 需要三个已知坐标点用于七参数...
谷歌地图手机版。支持卫星地图及GPS,无需签证且并非只有GPS机型才可以用,支持所有S60V3机型,你可以用它来看GOOGLE卫星地图,并支持搜索,可以直接切换到卫星地图,然后直接输入地名,就可以直接定位到该位置。...
谷歌地图坐标纠偏算法javascript版 从文件的标题、描述、标签和部分内容可以看出,这是一个关于GPS坐标纠偏算法的javascript实现,特别是用于Google Map和高德地图的坐标转换。 坐标纠偏算法的必要性 在GPS定位...
根据经纬度获取google地图海拔
百度地图地位,路线搜索,位置搜索,定位精度比Google地图准确额!
谷歌地球系统采用的3D地图市场定位信息技术企业可以将谷歌地图上的最新卫星图像推上一个新的高度。谷歌地球用户之间可以在3D地图上搜索一些特定目标区域,谷歌地球放大和缩小虚拟图像,然后学生形成行驶方向。此外,...
百度移动定位的SDK,包括源代码和demo,定位比较准确,但注意不要用百度自已的定位坐标,要设置定位坐标类型让它能适应google地图
本课件共 6 页,涵盖了从安装 ArcGIS 和 GoogleEarth 软件到将采样点定位到 GoogleEarth 上,并将坐标转换为 CSV 格式的整个过程。 安装 ArcGIS 和 GoogleEarth 软件 在开始学习本课件之前,需要安装 ArcGIS 9.3 ...
这个是引用googlemap api 免费接口。里面有根据地址分析经纬度,根据经纬定位,还有后台调整经纬度。来实现你的地理位置更加准确。里面有什么不清楚。可以问我。我可以做几个简单范例给你。QQ:691442225
- 数据来源:Google 地图 - 覆盖范围:印尼雅加达市及周边地区的咖啡店信息 字段说明: 1. 店铺名: 咖啡店在 Google 地图上注册的名称,用于唯一标识每个咖啡店。 2. 评分:咖啡店的平均评分,基于 Google 用户的...
查看地图:点击“查看地图”按钮,Google Map通过GPS服务,自动展示当前位置的地图情况。 3.留言:查看其他用户在当地留下的信息,除此之外,用户也可以自己在此地进行留言。 4.商家信息查询:学生可通过此...
那现在就给大家分享用谷歌地图来开发国外的如何利用谷歌地图快速开发客户 谷歌地图众所周知,是全球最受欢迎的地图类工具,那么谷歌地图都有哪些功能呢,请看下面: 1、全球范围内的卫星影像浏览 2、全球数字...
本文结合实例给大家分享如何使用HTML5,借助百度、谷歌地图接口来获取用户准确的地理位置信息。 源码下载:点此下载 如何使用HTML5地理位置定位功能 定位功能(Geolocation)是HTML5的新特性,因此只有在支持HTML5的...
本文结合实例给大家分享如何使用HTML5,借助百度、谷歌地图接口来获取用户准确的地理位置信息。 定位功能(Geolocation)是HTML5的新特性,因此只有在支持HTML5的现代浏览器上运行,特别是手持设备如iphone,地理...
首先我这里的需求呢, 是获取当前用户的经纬度 经过无数次的测试, 先后用了 腾讯/百度地图的api,最后绝对还是高德的js APi 废话不多说, 直接上代码。...通过调用谷歌的api 可以实现 准确定位, function onComple
在android开发中地图和定位是很多软件不可或缺的内容,这些特色功能也给人们带来了很多方便。定位一般分为三种发方案:即GPS定位、Google网络定位以及基站定位 最简单的手机定位方式当然是通过GPS模块(现在大部分...
本文旨在为使用基于Android操作系统的移动设备(如手机、平板电脑等)的用户提供一种准确、方便的定位系统,可以通过经纬度信息,甚至仅仅是地名,就能在地图上找到该地的地理位置。然后通过截图存储,把使用者所到...