使用HTML5 navigator geolocation获取当前地理位子，并调用Gmap接口显示在地图上：
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{margin:0; padding:0;}
.kingwell_test{font-size:12px; color:#333}
#ms{height:30px; line-height:30px; font-size:1.25em}
#map{width:400px; height:400px; margin:auto}
</style>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function $(id) {
return document.getElementById(id);
}
function showInfo(mes){
$('ms').innerHTML = mes;
setTimeout(function (){
$('ms').innerHTML = '';
},2000);
};
function getPosition(){
if(!navigator.geolocation){
//alert('不支持定位');
return;
}
navigator.geolocation.getCurrentPosition(function(position){
var coords = position.coords;
$('latitude').innerHTML = coords.latitude;
$('longitude').innerHTML = coords.longitude;
$('accuracy').innerHTML = coords.accuracy;
//设定地图参数
var latlng = new google.maps.LatLng(coords.latitude,coords.longitude);
var myOptions = {
zoom:14,
center:latlng,
mapTypeId : google.maps.MapTypeId.ROADMAP
}
var map1 = new google.maps.Map($('map'),myOptions);
var marker = new google.maps.Marker({
position:latlng,
map :map1
});
var infowindow = new google.maps.InfoWindow({
content : '您当前位置'
});
infowindow.open(map1,marker);
},function(er){
var errorType = {
1 : '位置服务被拒绝',
2 : '获取不到位置信息',
3 : '获取信息超时'
};
showInfo(errorType[er.code]);
},{
enableHighAccuracy :false,
//maximumAge : 60*1000/2,
//timeout : 5000
});
}
window.addEventListener('load',function(){
getPosition();
});
</script>
</head>
<body>
<div id="map"></div>
<div class="kingwell_test">
<div id="ms"></div>
<div id="">经度：<span id="latitude"></span></div>
<div id="">纬度：<span id="longitude"></span></div>
<div id="">精确度：<span id="accuracy"></span></div>
</div>
</body>
</html>
相关推荐
在这个场景中，我们将主要探讨如何使用Google Maps API 根据经纬度获取地理位置信息。 首先，`googleMap根据经纬度获取地理位置`这个标题涉及到的核心技术是Google Maps Geocoding服务。Geocoding是将地址或坐标...
标题所介绍的知识点为使用JavaScript结合HTML5获取用户地理位置并在Google地图上显示位置的方法。这个技术点主要用于网页开发，使得开发者能够在网页上增加位置服务功能，提供给用户地理位置信息。 描述中提到的...
总的来说，HTML5的Geolocation API与Google Maps API结合，使得网页开发者能够轻松地获取用户的位置信息，并在网页上展示定制化的地图服务。通过学习和理解这两个API，你可以构建出许多实用的地理位置相关的应用，如...
- **地图集成**：可以使用Google Maps或ArcGIS JavaScript API等工具将获取的地理信息放置在地图上，提供直观的视觉效果。 - **数据存储**：地理数据可以保存在数据库中，也可以采用Keyhole Markup Language (KML)或...
综上所述，"IP获取地理位置asp"项目展示了如何结合ASP和Access数据库技术来实现实时获取用户IP地址的地理位置信息。这不仅涉及到网络编程和数据库操作，还涵盖了HTTP协议、服务器端脚本以及可能的第三方API集成。在...
在IT行业中，Google Maps是一个广泛使用的在线地图服务，它提供了丰富的功能，如路线规划、地理位置定位、卫星图像等。在HTML环境中集成Google Maps，可以让网站开发者将这些功能嵌入到自己的网页中，提升用户体验。...
这样，我们就完成了从获取地理位置到在Google Maps上显示位置的基本流程。为了使应用更具交互性，还可以添加标记、信息窗口、路径规划等功能，或者监听地图的移动和缩放事件，以进一步优化用户体验。 总之，HTML5的...
"地理位置.html"可能就是演示如何使用JavaScript与Geolocation API交互，请求用户授权后获取经纬度，并可能将这些信息显示在页面上，或者与地图服务结合使用。 说到地图，"带地图地理位置.html"可能结合了HTML5的...
1. **定位**：Google Maps API V3可以获取用户的地理位置，通过`geolocation`接口实现。这在本地服务或者个性化导航应用中非常有用。 2. **标记（Markers）**：标记是地图上的点状图标，可以用来表示特定位置。你...
在IT行业中，Google API是开发者们广泛使用的工具之一，尤其在地理位置服务方面，Google Maps API更是扮演了核心角色。本文将深入探讨Google Maps API的开发详解，帮助你掌握如何利用这个强大的工具创建丰富的地图...
在JavaScript中，编写`initMap`函数以初始化地图，并设置默认显示的地理位置。为了获取用户的位置，我们可以使用浏览器的Geolocation API： ```javascript function initMap() { if (navigator.geolocation) { ...
标题中的“使用HTML5和Google Maps构建手机LBS游戏”是指利用HTML5的Web技术以及Google Maps API来开发一种地理位置服务（LBS，Location-Based Services）游戏。这种游戏通常会结合用户的真实地理位置信息，提供基于...
2. **API密钥获取**：在使用Google Maps API之前，首先需要在Google Cloud Console中创建一个项目，并为该项目启用Maps JavaScript API。然后，生成API密钥，这是连接你的应用与Google Maps服务的关键。 3. **基本...
7. **网点管理系统**：利用API，开发者可以构建一个系统来管理各种实体的地理位置信息，例如连锁店、公交站、加油站等，便于用户查找和导航。 8. **地图搜索应用实例**：书中的实例可能涵盖了如何实现基于地图的...
Google Maps API是Google提供的一套JavaScript库，允许开发者在其网页上嵌入交互式Google地图，进行自定义和扩展。这个API提供了丰富的功能，比如地图显示、标记（markers）、信息窗口（info windows）、地理编码...
在使用前，你需要在Google Cloud Console上创建一个项目并获取API密钥，这是访问API的基础。 1. **地图初始化**： 要显示一个基本的地图，你需要创建一个新的`google.maps.Map`对象，并将其附加到HTML元素上。以下...
本教程将详细介绍如何使用谷歌地图API实现这一功能，并默认显示指定的地理位置。 首先，你需要在谷歌地图API官网上注册一个账户并获取API密钥（API Key），这是使用谷歌地图服务的基础。API密钥将用于验证你的应用...
在实际应用中，`geolocation` API 可以与地图服务提供商（如Google Maps、Mapbox等）的API结合使用，创建交互式地图并显示用户当前位置。也可以用于提供基于位置的服务，如附近餐馆推荐、天气预报等。结合其他Web...
HTML5谷歌地图定位源码是基于HTML5的Geolocation API和Google Maps JavaScript API实现的，它允许用户在网页上查看并定位他们的当前地理位置。这个技术的运用极大地提升了用户体验，特别是对于那些需要提供地理位置...
在本项目中，我们关注的是如何利用Google Map API来解析并获取中国大陆4095个省市县的默认地理位置坐标。这是一项涉及网络编程、JavaScript以及GIS技术的任务。 首先，Google Map API是Google提供的一种服务，允许...