نقشه leafletjs درست لود نمیشه

10 ماه پیش توسط rasoul seidi آپدیت شد
آفلاین
user-avatar
علی ( 14411 تجربه )
3 سال پیش
تخصص : Laravel

لینک کوتاه اشتراک گذاری

0

سلام دوستان من به تازگی شروع به کار کردم بر روی نقشه و کد زیر رو برای راه اندازی اون از وب سایت خود لایبرری برداشتم ولی هرکارمیکنم کار نمیکنه . حتی از آدرس های cdn خود سایت هم استفاده کردم ولی فایده ای نداشت و اصلا لود نشد. فکر میکنم مشکل چیز دیگه باشه نمیدونم واقعا


<!doctype html>
<html lang="{{ app()->getLocale() }}">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Laravel</title>
        <link rel="stylesheet" href="/plugins/leaflet/leaflet.css">
    </head>
    <body>
    <div id="map" style="width: 900px;height: 500px;"></div>
    <script src="/plugins/leaflet/leaflet.js"></script>
    <script>
        var map = L.map('map', {
            center: [51.505, -0.09],
            zoom: 13
        });

        console.log(map);
    </script>
    </body>
</html>
بهترین پاسخ
آفلاین
user-avatar
مرتضی صبیحی
3 سال پیش

سلام
این یه مثاله که میتونه کمکتون کنه:

<html>
   <head>
      <title>Marker Options Example</title>
      <link rel = "stylesheet" href = "http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css"/>
      <script src = "http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
   </head>

   <body>
      <div id = "map" style = "width:900px; height:580px"></div>
      <script>
         // Creating map options
         var mapOptions = {
            center: [17.385044, 78.486671],
            zoom: 10
         }
         // Creating a map object
         var map = new L.map('map', mapOptions);

         // Creating a Layer object
         var layer = new L.TileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png');

         // Adding layer to the map
         map.addLayer(layer);

         // Creating a Marker
         var markerOptions = {
            title: "MyLocation",
            clickable: true,
            draggable: true
         }
         // Creating a marker
         var marker = L.marker([17.385044, 78.486671], markerOptions);

         // Adding marker to the map
         marker.addTo(map);
      </script>
   </body>

</html>

من خودم ازش تو پروژه هام استفاده میکنم

آفلاین
user-avatar
علیرضا ساجدی ( 15094 تجربه )
3 سال پیش
تخصص : Laravel,Vuejs

لینک کوتاه اشتراک گذاری

0

سلام
فک نکم این کار کنه باید به api متصل بشی

آفلاین
user-avatar
مرتضی صبیحی ( 10046 تجربه )
3 سال پیش
تخصص : Front-end developer

لینک کوتاه اشتراک گذاری

1

سلام
این یه مثاله که میتونه کمکتون کنه:

<html>
   <head>
      <title>Marker Options Example</title>
      <link rel = "stylesheet" href = "http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css"/>
      <script src = "http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
   </head>

   <body>
      <div id = "map" style = "width:900px; height:580px"></div>
      <script>
         // Creating map options
         var mapOptions = {
            center: [17.385044, 78.486671],
            zoom: 10
         }
         // Creating a map object
         var map = new L.map('map', mapOptions);

         // Creating a Layer object
         var layer = new L.TileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png');

         // Adding layer to the map
         map.addLayer(layer);

         // Creating a Marker
         var markerOptions = {
            title: "MyLocation",
            clickable: true,
            draggable: true
         }
         // Creating a marker
         var marker = L.marker([17.385044, 78.486671], markerOptions);

         // Adding marker to the map
         marker.addTo(map);
      </script>
   </body>

</html>

من خودم ازش تو پروژه هام استفاده میکنم

آفلاین
user-avatar
مرتضی صبیحی ( 10046 تجربه )
3 سال پیش
تخصص : Front-end developer

لینک کوتاه اشتراک گذاری

2

شما کدتون کامل نیست چون layer (همون مپ) رو نساختین، بعد چجوری انتظار دارین نمایش بده؟
تو مثال بالا کامل متوجه میشین

آفلاین
user-avatar
محمدرضا احمدی ( 730 تجربه )
1 سال پیش
تخصص : Asp.net Core , C Sharp

لینک کوتاه اشتراک گذاری

0

سلام.
آموزش کامل LeafletJS در وبسایت دات نت لرن به آدرس dotnetLearn.com موجود می باشد.

آموزش LeafletJS

آفلاین
user-avatar
محمدرضا احمدی ( 730 تجربه )
1 سال پیش
تخصص : Asp.net Core , C Sharp

لینک کوتاه اشتراک گذاری

0

ببخشید ادرس بالا اشتباه بود. این آدرس

آموزش Leaflet

آفلاین
user-avatar
ایرانیان ( 1261 تجربه )
12 ماه پیش

لینک کوتاه اشتراک گذاری

0

باسلام میخوام مارکر را خودم جابجام کنم و عرض و طول جغرافیایش را بردارم و در دو اینپوت ذخیره کنم چکار کنم؟

آفلاین
user-avatar
rasoul seidi ( 50 تجربه )
10 ماه پیش

لینک کوتاه اشتراک گذاری

0

سلام دوستان وقت بخیر
چطور از نقشه به صورت آفلاین استفاده کنیم؟؟

برای ارسال پاسخ لازم است، ابتدا وارد سایت شوید.