WeChat アプレット wxapp マップ マップの詳細な説明

WeChat アプレット wxapp マップ マップ:

map

配列マークされたポイントカバー配列オーバーレイ

属性名	タイプ	デフォルト値	説明
経度	数値		中心経度
緯度	番号		中央緯度
スケール	番号	1	ズームレベル
マーカー

マーカーポイント

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

属性手順タイプ必須備考緯度緯度数値は浮動小数点数、範囲は-90〜90です経度経度数値はい浮動小数点数、範囲 -180 ~ 180nameマークされたポイント名Stringisdescマークされたポイントの詳細な説明文字列 いいえ

オーバーレイ

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

プロパティ説明タイプ必須備考緯度経度iconPathrotate地図コンポーネントの経度と緯度が必要です。経度と緯度が入力されていない場合、デフォルト値は北京の経度と緯度です。 。

緯度	数値	は	浮動小数点数で、範囲は-90〜90です
経度	数値	は	浮動小数点数、範囲-180 ~ 180
表示されるアイコン	String	は	プロジェクトディレクトリ内の画像パス、相対パス書き込みをサポート
回転角度	数値	いいえ	時計回りの回転角度、範囲は 0 ~ 360、デフォルトは 0 です

マーカーは初期化中にのみ設定でき、動的更新はサポートされていません。

例:

<!-- 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
  }]
 }
})

お読みいただきありがとうございます。皆様のお役に立てれば幸いです。このサイトをサポートしていただきありがとうございます!

その他の WeChat アプレット wxapp 地図詳細地図関連記事については、PHP 中国語 Web サイトに注目してください。