AngularJS 的地理位置标记

Question

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

我已经使用 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);

将地图以人员地理位置为中心，如果您不想要它，只需将其删除:) 希望我能帮到您

AngularJS 的地理位置标记

Geolocation-marker with AngularJS

javascript

google-maps

angularjs

ng-map