0

私は ionicV1 プロジェクトでリーフレット ルーティング マシン (liedman) を使用しています。チュートリアルに従ってすべてを実行しましたが、エラーが発生しました

L. は定義されていません

タグ間にリーフレットリンクを配置することに関する他の投稿を読みました。すべてを行いました。

CSS

<link href="css/style.css" rel="stylesheet">
<!--<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-
0.7.3/leaflet.css" />-->
<link rel="stylesheet" 
href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" />
<!--<link rel="stylesheet" href="lib/leaflet/dist/leaflet.css"/>-->
<!--<link rel="stylesheet" href="lib/leaflet-routing-machine-
3.2.5/dist/leaflet-routing-machine.css"/>-->
<link rel="stylesheet" href="leaflet-routing-machine.css"/>

JS リンク

<script src="js/app.js"></script>
<!--<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js">
</script>-->
<script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>
<!--<script src="lib/leaflet-routing-machine-3.2.5/dist/leaflet-routing-
machine.js"></script>-->
<!--<script src="lib/leaflet/dist/leaflet.js"></script>-->

鬼ごっこ

<div id="map" class="map"></div>
<!--<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js">
</script>-->
<!--<script src="lib/leaflet-routing-machine-3.2.5/dist/leaflet-routing-
machine.js"></script>-->
<script src="leaflet-routing-machine.js"></script>

aap.js

var map = L.map('map').setView([57,74, 11.949], 10);;

var map= L.tileLayer('Company server link, this link working fine', {
attribution: '© OpenStreetMap contributors'
}).addTo(map);

L.Routing.control({
waypoints: [
L.latLng(57.74, 11.94),
L.latLng(57.6792, 11.949)
],
routeWhileDragging: true
}).addTo(map);

他のリンクにコメントしました。すべてを試してみましたが、まだわからないため、2日間この基本的な問題に悩まされています。誰 ？

4

1 に答える 1

1

アプリケーション コードの前にLeaflet をロードします。

それ以外の

<script src="js/app.js"></script>
<script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>

次のようなことをします

<script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>
<script src="js/app.js"></script>
于 2017-10-05T08:37:28.423 に答える