WeChat ミニ プログラム (コンポーネント – マップ + キャンバス)
このセクションでは、主にマップ コンポーネント マップとキャンバス コンポーネント キャンバスを紹介します。
コンポーネントの属性が多すぎるため、多くのメソッドが完成されていないため、一般的な属性とメソッドを中心に説明します. 後の開発でパーソナライズされたマップ プロジェクトのニーズを満たす場合は、公式ドキュメントを参照して、それらを 1 つずつ構成することができます.一。
マップ コンポーネント マップ
マップ コンポーネント<map></map>
パーソナライズされたマップ機能は、ミニ プログラム「開発 - 開発者ツール - テンセント ロケーション サービス」のバックグラウンドでアクティブ化できます。詳細については、https://lbs.qq.com/product/miniapp/guideを参照してください「ミニ プログラム パーソナライズマップ ユーザー ガイド」 .
ガイドに従って登録
コンポーネント属性のデフォルトの長さ単位はpx 2.4.0から入力単位(rpx/px)に対応
ケース:
[現在地] オプションをクリックし、マップ ページにジャンプして、現在地の座標を見つけます。
オンライン マップの緯度と経度のピックアップ クエリ: http://www.gpsspg.com/maps.htm
地図ページ
現在の場所を特定したい場合は、コースの後半で紹介する wx.getLocation() という場所 API を使用する必要があります。
キャンバス コンポーネント キャンバス
キャンバスコンポーネント canvas-分かりやすい 注意
:
①キャンバスラベルのデフォルトの幅は300px、高さは150px ②
幅と高さを大きく設定しすぎると、Androidでクラッシュの問題が発生します.
キャンバス コンポーネント キャンバス コンポーネント
関連の api: wx.createCanvasContext キャンバス コンテキスト
注意:
①canvasタグのデフォルト幅は300px、高さは150px
②同一ページ内のcanvas-idは重複不可 すでに出現しているcanvas-idを使用すると、canvasタグに対応するキャンバスが③大きすぎる設定は避ける
幅と高さが大きいと、Android でクラッシュの問題が発生します (つまり、クラッシュしてフリーズします)。
Canvas コンポーネントの canvas の基本プロパティ
Canvas コンポーネントの canvas-event プロパティ
キャンバス コンポーネント キャンバス ケース:
