javascript - AngularJS 的地理定位标记

Question

我有一个显示 ngmap 的 AngularJS 应用程序，但是，我想使用这个库来标记用户的当前位置。

我已经使用 bower 下载了库。我的问题是，如何将它与 ngmap 一起使用？

抱歉英语不好。谢谢你。

Answer 1

要获取当前用户的位置，您需要检查他们的浏览器是否支持地理定位...

if(navigator.geolocation){
    navigator.geolocation.getCurrentPosition(function(position){
        var latitude = position.coords.latitude;
        var longitude = position.coords.longitude;

如果那是真的，那么我们用地理位置制作一个地图变量：

var geolocalpoint = new google.maps.LatLng(latitude, longitude);
        map.setCenter(geolocalpoint);

        var mapOptions = {
            zoom: 8,
            center: geolocalpoint,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        }

然后我们做标记

//Place a marker
        var geolocation = new google.maps.Marker({
            position: geolocalpoint,
            map: map,
            title: 'Your geolocation',
            icon: 'http://labs.google.com/ridefinder/images/mm_20_green.png'
        });
    });
}

它说的部分

map.setCenter(geolocalpoint);

将地图围绕人的地理位置居中，如果您不希望将其删除:) 希望我有所帮助