如何在用户的位置上制作地图中心
How To Make a Map Center on User's Location
如何在客户端的当前位置上制作地图中心,但如果无法确定当前位置,则默认为下面的LatLng。
var myOptions = {
center: new google.maps.LatLng(12.659493, 79.415412),
zoom: 12,
scrollwheel: false,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
您可以使用 HTML 5 地理位置函数来实现此目的。它很接近,但不是很精确。
演示
var map;
function initialize() {
if(navigator.geolocation) {
success = function(position) {
createMap(position.coords.latitude, position.coords.longitude);
};
error = function() { createMap(12.659493, 79.415412); }
navigator.geolocation.getCurrentPosition(success, error);
}
else {
createMap(12.659493, 79.415412);
}
}
function createMap(lat, lng) {
var mapOptions = { center: new google.maps.LatLng(lat, lng),
zoom: 12,
scrollwheel: false,
mapTypeId: google.maps.MapTypeId.ROADMAP };
map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
}
相关文章:
- PHP谷歌地图-位置红色气球没有显示
- Bing地图图钉宽度设置会将图钉从地图位置移开
- 谷歌地图位置自动完成被jQuery Mobile弹出窗口阻止
- 地图位置带有照片和其他详细信息的详细信息
- 将显示为 XML 格式的 Google 地图位置转换为输出 (ASP.Net、C#)
- 具有常规位置类型的谷歌地图位置构造函数
- 如何使用自己的地址/坐标生成指向 Google 地图位置的准确链接?有没有这方面的API
- 谷歌地图API:将标记放在当前地图位置
- 返回我之前指定的谷歌地图位置列表
- 将地图位置信息从PHP传递到javascript,以便与Google地图v3api一起使用
- 谷歌地图V3保存用户使用拖放后的地图位置;滴
- Jquery谷歌地图位置-获取选择选项
- 更新基于gps坐标的谷歌地图位置
- ArcGIS初始地图位置
- 谷歌地图位置搜索框:如何重新计算pac-container的位置
- 使用jquery移动显示地图位置,使用经度和纬度
- 谷歌地图位置API地址自动完成和显示选择的结果
- 点击按钮时更新地图位置
- 触发谷歌地图位置信息窗口
- MapsApi -谷歌地图位置服务给出一个奇怪的错误