حل شده

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

سلام دوستان من به تازگی شروع به کار کردم بر روی نقشه و کد زیر رو برای راه اندازی اون از وب سایت خود لایبرری برداشتم ولی هرکارمیکنم کار نمیکنه . حتی از آدرس های 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="https://roocket.ir/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>

لاراول

علی

@alif

ثبت پرسش جدید

پاسخ‌ها

مرتضی صبیحی

@mortezasabihi7 سال پیش مطرح شد

تخصص: Front-end developer

بهترین پاسخ

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

<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>

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

ارسال پاسخ