vuelayersの使い方


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に入り、欲しいラベルをコピーして書きます.
    データを送ればいい.