问题标签 [angular-leaflet-directive]

我正在尝试向 Leaflet 指令添加一个标记，但不知何故它不接受使用默认L.marker()方法创建的标记。

该指令的使用如下：

我$scope按照规定在控制器中扩展我的：

之后添加标记不起作用。首先，.markers对象不是数组，所以我不能只使用push(). 但即使将元素添加为关联数组也不起作用：

错误是：

[AngularJS - Leaflet] 标记定义无效。

[AngularJS - Leaflet] 在标记 0 上收到无效数据。

我忽略了一些非常简单的事情，但我不知道是什么......任何线索将不胜感激。

我正在 AngularJS 中构建一个应用程序，该应用程序使用 LeafletJS 与地图进行交互，提供不同的可能交互，这些交互在我所说的阶段之间分离。对于这些阶段中的每一个，都有一个UIRouter状态，带有它的控制器和模板。

我目前正在通过服务提供传单功能。这个想法是让该服务初始化一个传单地图并提供对状态控制器的一些有限访问。例如，这些控制器将调用服务函数，例如setupMarkersInteractions设置启用标记放置在地图上的回调。

但是，我在通过 Leaflet 的leaflet.map()函数初始化地图时遇到了一个问题，即：Error: Map container not found. 这与 Leaflet 无法找到与地图关联的 HTML 元素有关。

目前，我有点这样做：

该initializeMap函数告诉leaflet.map查找带有 的 HTML 元素id='map'，该元素在状态模板上声明。

现在，对于实际问题，这是否与某种AngularJS 服务无法访问 HTML 模板有关？我在这件事上找不到任何东西，但我认为服务不直接访问视图是有意义的......
如果是，我应该探索什么样的解决方法？我已经研究过了leaflet-directive，但它似乎没有提供以我想要的灵活性添加和删除自定义回调的可能性（例如，当我使用 Leaflet-Freedraw 添加免费绘图功能时，事情变得复杂了）。

我考虑leaflet.map过直接使用HTMLElement元素的参数，但我仍然无法使其工作 - 尽管有可能我没有通过应该传递的内容。

当我刷新页面时，我通常面临传单标记的问题，标记是可点击的，但是当我来自另一个页面标记不可点击时，我尝试了所有的事情，但没有找到任何解决方案。

JAVASCRIPT：

});

HTML：

[注意] 我正在使用传单（版本：“0.7.7”）和角度传单指令（版本：“0.10.0”）。

我在使用 angular-leaflet-directive 创建多个地图时遇到问题。

我有城市列表，我想使用 ng-repeat 来显示许多地图。

这是代码

它警告错误Syntax Error: Token '{' invalid key at column 2 of the expression [{{city.place_id}}] starting at [{city.place_id}}]。当我通过用其他字符串更改“中心”进行测试时，它没有错误。

请帮我修复它。

太感谢了 ！！！！！！！

亲爱的程序员，

我尝试使用传单指令创建地图。你可以在这里看到小提琴。
小提琴
在上面的小提琴中，当我拖动地图时，标记将始终位于中心。但是当我放大/缩小（使用滚动）时，地图正在放大到我的鼠标区域，从而改变了我的标记的坐标。

当我放大/缩小时，我应该怎么做才能使地图缩放到地图中心的标记（并且不更改标记坐标）？

任何帮助表示赞赏:)

这是js代码：

我已经创建了地图并将其与我的 geojson api 连接起来。基本上我希望将每个标记弹出窗口与 ng-click 链接起来。像这样放置简单的 html 不会完成这项工作，因为我必须编译它：

这就是我想要做的。这是那段代码。我收到“错误：[ng:areq] Argument 'scope' is required”

我对 Angular 和 js 很陌生，所以我想我在这里遗漏了一些明显和愚蠢的东西。谢谢！

我正在尝试从 angular-leaflet-directive复制此示例，但使用在MEAN.JS中实现的 Angular MVC 框架。angular-leaflet-directive 接受并显示我在控制器中指定的正确tiles,center和，但无法渲染任何, 即使我将 geojson 直接粘贴到控制器中而不是使用.maxBoundsgeojson$http.get

当我站在我这边时，我会用更具体的例子进行更新。

这有效：

更新 不知何故，当使用 MEAN.js 的原始实例时，我无法重现该问题。我想这意味着问题出在其他地方。如果是这样，我将删除这个问题。

更新 2 情节变厚：我刚刚用我的工作示例中的一个原始 MEAN.js 实例中的一个覆盖了我的问题项目中的整个 /public/modules/maps 目录，它适用于我的原始项目，但不是我的问题项目。

我有一个传单指令，上面绘制了一堆标记。单击标记应该会打开一个包含许多控件和事件的消息框。我创建了一个名为 infowindow 的指令，它具有我需要的所有功能。

我像这样创建一个标记：

在这里，我将指令传递给消息属性，当我运行 < 中的所有 div 时，会显示。但是，我还想将参数传递给 infowindow 的范围，以便对其进行编译。

我尝试使用以下代码执行此操作：

但是我无法完成这项工作，因为我收到错误“超出最大调用堆栈大小”

我还尝试隔离指令中的范围并将参数传递给范围，就像这样

这也不起作用。

任何人都可以帮助我如何让它发挥作用，或者甚至可能吗？

http://jsfiddle.net/xgjdqds4/1/

userDetails 是一个对象，其中包含有关用户的详细信息，由标记表示。

我有html模板：

我像这样添加它：

这是功能MyController：

但是当我点击按钮时，它会提交它不会调用 greet 函数。
我也尝试添加type="button"它，但它是一样的。
这是有效的解决方案，所以我不知道我错过了什么。

我是角度传单指令的新手。

当我右键单击标记时，我想要一个上下文菜单。

我找不到任何角度的例子。

任何人都可以指导实现它。

该功能是否存在于 angular-leaflet-directive 中？，因为我在文档中找不到任何相关内容。