Using google maps API, how can we set the current location as the default set location using map.setCenter function?(使用 google maps API,我们如何使用 map.setCenter 函数将当前位置设置为默认设置位置?)
问题描述
我正在使用 Google Maps API 编写 JavaScript 代码.
I am writing JavaScript code using Google Maps API.
map = new google.maps.Map2(document.getElementById("map_canvas"));
map.setCenter(new google.maps.LatLng(37.4419, -122.1419), 13);
以上代码将地图画布的默认位置设置为帕洛阿尔托.
The above code sets the default location of the map canvas to Palo Alto.
如何编写脚本,让setCenter函数自动指向客户端的当前位置?
How can we write the script in such a way that the setCenter function automatically points to the current location of the client?
推荐答案
您可以在支持它的浏览器中使用 HTML5 GeoLocation API.
You can use the HTML5 GeoLocation API in browsers that support it.
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(success, error);
} else {
alert('geolocation not supported');
}
function success(position) {
alert(position.coords.latitude + ', ' + position.coords.longitude);
}
function error(msg) {
alert('error: ' + msg);
}
这篇关于使用 google maps API,我们如何使用 map.setCenter 函数将当前位置设置为默认设置位置?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:使用 google maps API,我们如何使用 map.setCenter 函数将当前位置设置为默认设置位置?
基础教程推荐
- Vue 3 – <过渡>渲染不能动画的非元素根节点 2022-01-01
- Electron 将 Node.js 和 Chromium 上下文结合起来意味着 2022-01-01
- 直接将值设置为滑块 2022-01-01
- 我可以在浏览器中与Babel一起使用ES模块,而不捆绑我的代码吗? 2022-01-01
- Chart.js 在线性图表上拖动点 2022-01-01
- 如何使用JIT在顺风css中使用布局变体? 2022-01-01
- 用于 Twitter 小部件宽度的 HTML/CSS 2022-01-01
- html表格如何通过更改悬停边框来突出显示列? 2022-01-01
- 自定义 XMLHttpRequest.prototype.open 2022-01-01
- 如何使用TypeScrip将固定承诺数组中的项设置为可选 2022-01-01