<!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>
相关推荐
同时，谷歌地图的定位服务结合了WiFi网络、移动通信基站等多种定位技术，这些技术本身的精度也会对最终结果产生影响。 在GPS地图中，偏差可能表现为两个方面：水平偏差和垂直偏差。水平偏差通常涉及路线导航，可能...
本项目标题为"GPS定位并调用谷歌地图源代码"，意味着它提供了使用GPS获取位置信息，并在谷歌地图上进行展示的编程实践。以下将详细介绍相关知识点。 1. GPS定位原理：全球定位系统（GPS）通过接收来自多个卫星的...
Google地图定位是全球知名的在线地图服务，由Google公司提供，它集成了丰富的地理信息，包括道路网络、商业设施、交通状况、卫星图像等，为用户提供准确的定位、导航、路线规划以及各种地理信息服务。在本文中，我们...
要实现导航功能，开发者需要利用第三方服务，如谷歌地图的Directions API，计算两点之间的最优路线。API返回的JSON数据包含了路线的详细信息，如步骤、距离、预计行驶时间等，应用可以根据这些信息绘制导航路径并...
3. 网络问题：网络不稳定可能会影响定位服务的准确性。 4. 代码实现问题：在编程实现过程中，如果未正确设置定位参数或者处理定位结果，也可能导致此类问题。 为了解决这些问题，"百度地图仿微信定位"可能采取了...
此外，FusedLocationProviderClient是Google Play服务中的一个更现代的定位接口，它通过融合多种定位源来提高定位效率和准确性。 在实现地图界面时，Android提供了MapView控件，它是Google Maps API的一部分，可以...
标题中的“E2用的可定位的谷歌地图”指的是这款软件是专为E2设备设计的，具有可定位功能的谷歌地图应用。E2可能是某种智能设备或手机型号，而这个应用是为它优化，使其能够更准确地使用谷歌地图服务。 在描述中，...
1. **定位与导航**：输入地址或地标，谷歌地图将准确显示其位置，并提供路线规划，包括驾车、步行、骑行和公共交通等多种出行方式。 2. **实时交通信息**：谷歌地图可以实时展示道路拥堵状况，帮助用户避开高峰期或...
【谷歌地图拼接器】是一款专门针对谷歌地图的工具，旨在帮助用户下载并拼接地图区域，以便在离线环境中查看或进行特定的地理分析。该软件的核心功能是让用户能够快速选择地图区域，并准确标定经纬度坐标，这对于户外...
在Web开发中，如果使用谷歌地图API追踪用户的位置轨迹，纠偏算法可以确保轨迹的准确性。简单纠偏算法可能基于平滑滤波技术，如移动平均法或者卡尔曼滤波器，通过结合历史位置信息来消除噪声，使得轨迹更加平滑和准确...
同时，软件将这些信息与地图服务相结合，如Google Maps或高德地图，以可视化的方式呈现给用户，使得定位结果一目了然。 此外，该软件可能还具备批量处理能力，支持一次输入多个IP地址进行定位，这对于网络管理员...
总的来说，这个基于Android的地图定位移动应用项目涵盖了多个关键的Android开发知识点，包括Android SDK的使用、Google Maps API集成、Location API的定位服务、位置追踪的实现以及地理信息处理。对于希望深入学习...
在Android平台上，集成和使用谷歌地图（Google Maps）是一项常见的任务，它可以帮助开发者为用户提供直观的位置服务和导航功能。在你的项目中，你已经成功地实现了在地图上显示无锡和南京两个地点的标记，并且点击...
谷歌地图抓图工具是一款专为用户设计的软件，用于从谷歌地图上捕获和保存地理信息的静态图像。这类工具通常具有用户友好的界面，使得非技术人员也能轻松操作，实现地图区域的选择、缩放级别调整以及截图的保存等功能...
Google地图定位是其中的佼佼者，以其精准、易用和丰富的功能深受开发者和用户的喜爱。本篇文章将深入探讨如何在服务器端获取数据，并利用Google地图或Google Earth进行定位，以及与经纬度相关的知识点。 首先，我们...
4. **定位服务**：谷歌地图插件可以利用GPS或其他定位技术获取用户的位置信息，从而实现定位、导航等功能。同时，插件还可以提供地点搜索，帮助用户找到附近的餐馆、商店等兴趣点。 5. **路线规划**：通过谷歌地图...
【自定义谷歌地图测距工具】是一款实用的在线应用程序，它允许用户通过鼠标操作轻松地在谷歌地图上测量距离。这款工具充分利用了谷歌地图API的功能，使得非专业人员也能便捷地进行地理空间的测量工作。 首先，我们...
例如，蓝牙信标、Wi-Fi指纹定位等技术可以帮助提升室内定位的准确度。 总的来说，百度地图定位权限涉及到用户隐私、应用功能以及系统权限管理等多个方面。用户应了解并合理设置这些权限，以确保既享受便捷的服务，...
* 选择地图类型为谷歌地图混合图 * 下载地图并获取 WGS84 经纬度坐标 知识点二：坐标转换 * 使用《万能坐标转换》软件进行坐标转换 * 将 WGS84 经纬度坐标转换为西安 80 坐标系 * 需要三个已知坐标点用于七参数...
【PHP谷歌地图API】是一个利用PHP编程语言与谷歌地图API集成的应用示例，它主要涉及以下几个核心知识点： 1. **获取客户端IP**：在`get_client_ip.php`这个文件中，通常会包含获取用户设备IP地址的代码。这通常通过...