javascript - 传单/ map 盒 : Geolocation zoom

标签 javascript leaflet mapbox

我在 map 上使用地理位置,但我不知道如何在找到地理位置时设置缩放级别。我的代码如下所示:

if (!navigator.geolocation) {
    geolocate.innerHTML = 'Geolocation is not available';
} else {
    geolocate.onclick = function (e) {
        var tl = new TimelineMax({repeat:2});   
        tl.to("svg.pointwhite", .10, {transformOrigin: "50% 100%", scaleY:0.25, yoyo:true, repeat:1})
          .to("svg.pointwhite", .65, {y:-6, ease:Circ.easeOut, yoyo:true, repeat:1});                   
        e.preventDefault();
        e.stopPropagation();
        map.locate();           
    };
}  

它是在您设置缩放级别的map.locate内部吗?我当然尝试过但失败了。一如既往,我非常感谢你们提供的任何帮助。

最佳答案

使用Leaflet时,我使用map.setView()。这是我的传单导航器代码:

if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(function(position) {
  var pos = {
    latlng: {lat:position.coords.latitude,lng:position.coords.longitude},
    lat:position.coords.latitude,
    lng:position.coords.longitude
  };

  addMarker(pos);
  map.setView(L.latLng(pos.lat, pos.lng),13);

});
} else {
  // Browser doesn't support Geolocation
  handleLocationError(false, infoWindow, map.getCenter());
}

关于javascript - 传单/ map 盒 : Geolocation zoom,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39332068/

相关文章:

javascript - 将 ipinfo.io 的响应附加到联系表单消息

R 传单 map - 根据所选图层组更改图例

Javascript 范围、安全性和扩展

javascript - 在 Leaflet/Mapbox L.Control.Layers 上设置所选图层

ios - 旋转 Mapbox 相机

javascript - 无法访问 $watch 内的范围变量

javascript - Google map 简单多标记示例更多 6 个标记不起作用

javascript - Canvas 中的图像在平移时会留下平铺的痕迹

javascript - 如何解决此传单错误? getPixelWorldBounds()

鼠标悬停时 Leaflet.js 多段线颜色变化