如何获得在单张地图点击纬度/经度信息的角度UI [英] how to get lat/lng info for clicks in leaflet map in an angular ui

问题描述

我在建设有Angular.js和说明书进行了pretty基本的web应用程序。

I'm building a pretty basic web app with Angular.js and Leaflet.

我想从地图上点击的纬度/经度信息和我有麻烦从传单的事件处理程序集成到角找到任何文档。

I'm trying to get the lat/lng info from the clicks on the map and i'm having trouble finding any docs on integrating the event handlers from Leaflet into Angular.

如果任何人都可以在正确的方向指向我，我会火上浇油。

if anyone could point me in the right direction, i'd be stoked.

低于code：

app.controller("eventcrtl", [ '$scope', function($scope) {
    $scope.$on('leafletDirectiveMap.click', function(event){
      console.log(event.latlng);
    });
}]);

不起作用

推荐答案

要处理事件，首先定义一个事件的范围对象...

To handle events, first define an events object on your scope...

angular.extend($scope, {
    events: {
      map: {
        enable: ['click', 'drag', 'blur', 'touchstart'],
        logic: 'emit'
      }
    },
    ...

并将其添加到您的小叶元素。

and add it to your leaflet element.

<leaflet event-broadcast="events"></leaflet>

然后，您可以访问点击处理程序的args参数内的纬度和经度：

Then, you can access latitude and longitude inside the args parameter of the click handler:

$scope.$on('leafletDirectiveMap.click', function(event, args){
    console.log(args.leafletEvent.latlng);
});

下面是一个工作演示： http://plnkr.co/PxRDhz6S5Svsg9FG4VRk

Here is a working demo: http://plnkr.co/PxRDhz6S5Svsg9FG4VRk

这篇关于如何获得在单张地图点击纬度/经度信息的角度UI的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！