NativeScript / NativeScript/plugins
[@nativescript/google-maps] Marker info window on Angular
まだ誰も着手していません。
- 主要言語
- TypeScript
- スター
- 206
- フォーク
- 123
- 平均マージ
- 2日 1時間
- マージ済み PR（30日）
- 1
説明
Hi,
Can help advice how to set marker info window content on Angular?
Below is code that i try but not working
component.html
<MapView [lat]="dd.lat" [lng]="dd.lng"
[zoom]="dd.zoom" (ready)="onMapReady($event)" (markerTap)="onMarkerSelect($event)"
(markerInfoWindow)="initInfoWindow($event)" (markerInfoContents)="initInfoWindow($event)" (infoWindowTap)="onInfoWindowSelect($event)"></MapView>
component.ts
initInfoWindow(args) {
const info = new StackLayout();
info.width = 100;
info.height = 100;
info.backgroundColor = 'white';
const image = new Image();
image.src = 'https://camo.githubusercontent.com/3bd307204ac6237963e0448c00800a9df08f245d9e78fbbeb4191e625c834286/68747470733a2f2f64316c66797a356b7774387675392e636c6f756466726f6e742e6e65742f6e61746976657363726970742d6c6f676f2d323032312e706e67';
info.addChild(image);
const text = new Label();
text.text = "Custom Info Window";
info.addChild(text);
args.view = info;
}
コントリビューションガイド
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
調査の方向性
レポートに示されている component.html の MapView バインディングと component.ts の initInfoWindow(args) ハンドラーから始めます。プラグインのマーカー情報ウィンドウ API を確認し、割り当てられたカスタムビューが表示されない理由を特定します。完了条件は、マーカー情報ウィンドウが Angular 上で画像とラベルの内容をレンダリングすることです。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- angular, typescript
- 領域
- mobile-dev
- issue の種類
- バグ
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 活発さ
- 停滞
- 明瞭さ
- 説明が足りない
- 初心者へのやさしさ
- 25/100