如何使用HTML5地理位置和Google Maps显示当前位置？
HTML5 Geolocation API使您可以与自己喜欢的网站共享位置。Javascript可以捕获您的纬度和经度，并且可以发送到后端Web服务器，并可以进行精美的位置感知操作，例如查找本地商家或在映射上显示您的位置。地理位置坐标指定设备的地理位置。
地理位置方法，getCurrentPosition()并getPositionUsingMethodName()指定用于检索位置信息的回调方法。这些方法与存储完整位置信息的对象Position异步调用。
我们将使用getCurrentPostion()方法。要使用HTML5地理位置和Google Maps获取当前位置，您需要为Google Static Maps API设置API键。
转到https://console.developers.google.com并获得Google Map的免费API键。将此键添加到代码中以使用Geolocation。
您可以尝试使用HTML5地理位置和Google Maps来运行以下代码以显示当前位置
示例
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
function showLocation(position) {
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
var latlongvalue = position.coords.latitude + ","
+ position.coords.longitude;
var img_url = "https://maps.googleapis.com/maps/api/staticmap?center="
+latlongvalue+"&zoom=14&size=400x300&key
=AIzaSyAa8HeLH2lQMbPeOiMlM9D1VxZ7pbGQq8o";
document.getElementById("mapholder").innerHTML =
"<img src='"+img_url+"'>";
}
function errorHandler(err) {
if(err.code == 1) {
alert("Error: Access is denied!");
} else if( err.code == 2) {
alert("Error: Position is unavailable!");
}
}
function getLocation(){
if(navigator.geolocation){
//超时为60000毫秒（60秒）
var options = {timeout:60000};
navigator.geolocation.getCurrentPosition
(showLocation, errorHandler, options);
} else{
alert("Sorry, browser does not support geolocation!");
}
}
</script>
</head>
<body>
<div id="mapholder"></div>
<form>
<input type="button" onclick="getLocation();" value="Get Location"/>
</form>
</body>
</html>
-
本文向大家介绍如何使用HTML5地理位置查找位置？，包括了如何使用HTML5地理位置查找位置？的使用技巧和注意事项，需要的朋友参考一下 HTML5 Geolocation API使您可以与自己喜欢的网站共享位置。JavaScript可以捕获您的纬度和经度，并且可以发送到后端Web服务器，并进行精美的位置感知操作，例如查找本地商家或在映射上显示您的位置。 地理位置API使用全局导航器对象的新属性，即
-
本文向大家介绍如何使用HTML5地理位置定位功能，包括了如何使用HTML5地理位置定位功能的使用技巧和注意事项，需要的朋友参考一下 HTML5提供了地理位置定位功能（Geolocation API），能确定用户位置，我们可以借助HTML5的该特性开发基于地理位置信息的应用。本文结合实例给大家分享如何使用HTML5，借助百度、谷歌地图接口来获取用户准确的地理位置信息。 定位功能（Geolocatio
-
我正在尝试使用Geocoder对象在谷歌地图中显示一个位置地址。为此，我创建了一个类FetchAddressIntentService扩展IntentService并重写onHandleIntent（）方法，并使用显式intent启动该服务。但问题是，当我使用startService（intent）onHandleIntent（）启动服务时，方法是not call。 我遵循的代码与android上
-
问题内容： 如何在angularjs中使用HTML5地理位置？我可以使用HTML5来获得它；但是如何将其传递给控制器中的angularjs范围？任何示例jsfiddle都会挽救我的一天！ 问题答案： 你可以做点什么 您需要执行$ scope。$ apply来在地理位置到达时触发摘要周期并更新所有观察者。
-
问题内容： 我正在开发一个包含3个活动的android应用程序，其中一个是map。我正在使用谷歌地图 我想要的是： 当用户打开活动（地图）时，它将向用户显示她的位置而不是坐标。 用户还应该能够通过使用大头针定位（固定）任何地方，而我的应用程序必须将此大头针的坐标存储在变量中，以便以后使用。 这是CustomPinpoint类 问题答案： 我已经实现了您想要的相同的东西。我为您提供示例代码。在这种情
-
本文向大家介绍基于JavaScript定位当前的地理位置，包括了基于JavaScript定位当前的地理位置的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了js定位当前地理位置的具体代码，供大家参考，具体内容如下 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。