問題タブ [angular-leaflet-directive]

angularリーフレットを使用して、OSMマップに複数のパスを表示しようとしています。複数の円や多角形などのパス タイプ。円の場合、以下のコード:

ポリゴンの場合

マップに図形が表示されません。私は以前に以下のような設定をしていましたが、問題はすべての形状が接続されていることです。異なる形状の違いはありません

まず、Angular.js を使用して次のようなものを作成しようとしています: https://foursquare.com/explore?mode=url&near=San%20Francisco%2C%20CA&q=comedy

要約すると、ここに私が試したツールがあります：

• Mapbox.js
• Leaflet.js
• Angular-Leaflet ディレクティブ

それぞれについて、場所を表示する地図に関連付けられた場所のリストを管理するディレクティブを作成しようとしました。ユーザーがリスト項目にカーソルを合わせると、地図上の場所のマーカーの上にツールチップが表示されます。地図上の場所のマーカーの上にカーソルを置くと、そのマーカーの上にツールチップが表示されます。(これが明確でない場合は、上記のリンクにアクセスしてください。) ハイパーリンク、画像などはツールヒント内に表示できるはずです。上記のいずれも、この機能のマップ部分をすぐに使用できるようには見えません。また、マップ上にマーカーを表示するためには、基本的に慣用的な Angular から脱却する必要があります。これは、マーカーが Leaflet/Mapbox ツールキットを介して生成されるベクター アイテムであるためです。このコードを書くのは間違っていると感じます。はい、マーカーは見えますが、わかりません」それらをDOM内の何かと実際に関連付けないでください。よくわかりません。

ページの他の要素に関連付けられたスマートでインタラクティブなマップを作成する方法がわかりません。Angular-leaflet のようなライブラリを使用すると、ページ上で地図を簡単に取得できますが、カスタマイズは面倒です (またはそう思われます)。Angular.js は、上記の 3 つのツールのいずれかと組み合わせて使用​​できますか? 私が単に理解できていないことはありますか？

コントローラーからの指示に応じて、さまざまな方法$watchでコントロールを設定する角度の値を設定しようとしています。leafletScope.$watch("variable")

$watchオブジェクトであるため、新しい with equality 比較を追加しました。

次に、次を使用してコントローラーで呼び出します。

これは、必要と思われるため、コントロールを初期化するためのものです。

次に、次を使用してイベントで後で呼び出します。

コントロールと $watch イベントの変更をログに記録すると、次のシーケンスが得られます。

• 記録された制御$watchイベント
• $scope.controlログに記録された変更イベント
• それ以上のログはありません

が変更された後に時計が呼び出されないという事実は、$scope私がこれを間違っていることを示唆しています。

どこで、または簡単なテストで間違った結論に達したかを誰か教えてもらえますか?

同じことをして「中心」モデルを変更すると、次のようになります。

• センターの$watchイベントが記録されました
• $scope.centerログに記録された変更イベント
• $watch新しい値でログに記録された中心のイベント

angularリーフレットを使用してマップ上でfitboundsを呼び出すにはどうすればよいですか? マップ バインディング イベントを探す投稿を見ましたが、サンプル コードが見つかりませんでした。

angular-leaflet-directive の使用中にカスタム ポップアップを作成しようとしています。leaflet.draw on:create イベントからポップアップを開いています。ここ：

次に、@blackjid のロジックを次のように使用しています: https://github.com/tombatossals/angular-leaflet-directive/issues/238 でカスタム ポップアップをバインドします。

簡単に言えば、ポップアップコンテナが新しいコンテンツに合わせて適切にサイズ変更されていないことを除いて、すべてが正常に機能します。高さは合っているように見えますが、幅がずれています。

私は使用してみました：

おそらくこれで十分ですが、これにより、何らかの理由でポップアップ アンカーがポップアップの左下に移動します。マップの上部付近をクリックすると、AutoPan も壊れます。

popup.update() を起動する場所と方法を知っている人はいますか? 私はそれが起こる必要があると信じていますが、それをどこに実装すればよいかわかりません。次のように、layer.openPopup() の後に呼び出してみました。

しかし、それは何もしないようです。どんな助けでも大歓迎です！

leaflet-angularjs-directive の ionic アプリの開発をテストしようとしています。私が試してみるデモはあまりありません。

私が使用している: calendee (github) による ionic-leafletjs-map-demo https://github.com/calendee/ionic-leafletjs-map-demo

そして、LocationsService を別のサービスである HistoricalMapService に再現しようとしています。その HistoricalMapService を追加すると、「ionic serve」の Web ページ ビューが空白になります。私がコメントしたとき、ウェブページは機能していますが、HistoricalMapService を使用していませんでした。

これがmapController.js（js/controller/mapController.js）の私のコードです

ここに私のhistoricalMapService（js/services/historicalMapService.js）があります：http://pastebin.com/mYsU0Dpk

そして私のmenu.html（templates/menu.html）は次のとおりです：

レイヤーの名前を表示するにはどうすればよいですか?ユーザーがそれをクリックすると、TMS TileLayer でマップが切り替わりますか?

助けてくれてありがとう。