vuelayersの使い方
5670 ワード
vuelayers注意点
vuelayersのグーグルマップ上の位置は?パスとかは持って来られません.
次のリンク...Vuelayers専用ネクタイ?ウェブサイトでは経度、緯度を使います.
https://vuelayers.github.io/demo/
使用順序
main.jsに追加します.
//vuelayer
import VueLayers from "vuelayers";
import "vuelayers/lib/style.css";
Vue.use(VueLayers);
これで素子をimportする必要がなくなります.
アウトライン
私は時間を節約することができます^ああ^私はとても親切です.
Data-project=「EPSG:4326」のように横に掛けます.わけがわからない
vl-viewはオプションの場所のようですが...補習センターを設置しますか?見てやってください.福用
vl-layer-tileは大きな地図ボックスです
vl-featureマップの指示点は?アイコンを使用する場所
残りの人はVuelayersに入り、欲しいラベルをコピーして書きます.
データを送ればいい.
vuelayersのグーグルマップ上の位置は?パスとかは持って来られません.
次のリンク...Vuelayers専用ネクタイ?ウェブサイトでは経度、緯度を使います.
https://vuelayers.github.io/demo/
使用順序
main.jsに追加します.
//vuelayer
import VueLayers from "vuelayers";
import "vuelayers/lib/style.css";
Vue.use(VueLayers);
これで素子をimportする必要がなくなります.
私は時間を節約することができます^ああ^私はとても親切です.
<vl-map data-projection="EPSG:4326">
<vl-view :zoom.sync="zoom" :center.sync="center" :rotation.sync="rotation"></vl-view>
<vl-layer-tile>
<vl-source-osm></vl-source-osm>
</vl-layer-tile>
<vl-feature>
<vl-geom-multi-point :coordinates="centerLines"></vl-geom-multi-point>
<vl-style-box>
<vl-style-icon
:items="users"
:src="require('./marker.png')"
:scale="0.2"
:anchor="[0.5, 1]"
></vl-style-icon>
</vl-style-box>
</vl-feature>
</vl-map>
vl-mapは基本的な地図レイアウトと見なすことができる.Data-project=「EPSG:4326」のように横に掛けます.わけがわからない
vl-viewはオプションの場所のようですが...補習センターを設置しますか?見てやってください.福用
vl-layer-tileは大きな地図ボックスです
vl-featureマップの指示点は?アイコンを使用する場所
残りの人はVuelayersに入り、欲しいラベルをコピーして書きます.
データを送ればいい.
Reference
この問題について(vuelayersの使い方), 我々は、より多くの情報をここで見つけました https://velog.io/@rlahfld54/vuelayers-사용법テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol