WeChat ミニプログラムマップの詳細な説明と簡単な例

WeChat アプレット マップ

WeChat アプレット マップ

属性名経度番号中央経度 緯度数値中央緯度スケール数値1ズームレベルマーカーAr rayマークポイントカバー配列オーバーレイマーカーポイント

タイプ	デフォルト値	説明

マーカーポイントは、地図上のマーカーの位置を表示するために使用されます

属性説明タイプ必須備考緯度緯度数値は浮動小数点数、範囲は-90〜90です経度経度数値は 浮動小数点数、範囲 -180 ~ 180nameマーク名Stringyesdescmarkpointの詳細な説明Stringいいえカバー

オーバーレイは、地図上にカスタムアイコン、カスタマイズ可能なアイコンとスタイルを表示するために使用されます

プロパティ説明タイプ必須備考緯度緯度PathStringはプロジェクトディレクトリ内の画像パスであり、相対パスの書き込みをサポートしていますrotate回転角度数値いいえ時計回りの回転角度、範囲は 0 ~ 360、デフォルトは 0 です 地図コンポーネントの経度と緯度は必須です。経度と緯度を入力しない場合、デフォルト値は北京の経度と緯度です。 マーカーは初期化中にのみ設定でき、動的更新はサポートされていません。 バグとヒントヒント: スクロールビューではマップコンポーネントを使用しないでください読んでいただきありがとうございます。皆様のお役に立てれば幸いです。このサイトのご支援に感謝いたします! WeChat ミニ プログラム マップの詳細と簡単な例については、PHP 中国語 Web サイトに注目してください。

数値		で表示されるアイコン
			例:	<!-- map.wxml --> <map longitude="23.099994" latitude="113.324520" markers="{{markers}}" covers="{{covers}}" style="width: 375px; height: 200px;"> </map> ログイン後にコピー // map.js Page({ data: { markers: [{ latitude: 23.099994, longitude: 113.324520, name: &#39;T.I.T 创意园&#39;, desc: &#39;我现在的位置&#39; }], covers: [{ latitude: 23.099794, longitude: 113.324520, icaonPath: &#39;../images/car.png&#39;, rotate: 10 }, { latitude: 23.099298, longitude: 113.324129, iconPath: &#39;../images/car.png&#39;, rotate: 90 }] } }) ログイン後にコピー