استفاده از مارکر

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

سلام وقتی عکس مارکر رو آپلود کردم و گذاشتم توی پوشه ای که استاد میگه یه تصویر عکس ناقص هم کنارش نشون میده . چکار کنم که اونو نشون نده . تنظیمات inspect رو هم که میزنم میخوام انتخابش کنم اصلا چیزی نیست و میاد روی نقشه انتخاب میشه . نمیدونم چیه که داره نشون میده

درود

توی کدتون عکس هایی که استفاده کردید رو بررسی کنید ببینید کدومشون آدرس درست بهش ندادید و این شکلی ناقص لود شده، کدی که بهش مشکوک هستید رو هم قرار بدید تا بررسی شه، بدون دیدن کدتون کاری نمیتونم کنم

بهترین پاسخ

امیر صالحی ۰۷ شهریور ۱۴۰۰، ۱۸:۰۲

فایل ایندکس:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>7Map</title>
    <link href="assets/img/favicon.png" rel="shortcut icon" type="image/png">
    <link rel="stylesheet" href="assets/css/leaflet.css" />
    <link rel="stylesheet" href="assets/css/styles.css<?= "?v=".rand(9,999999)?>" />
    <script src="assets/js/leaflet.js<?= "?v=".rand(9,999999)?>"></script>
</head>
<body>
    <div class="main">
        <div class="head">
            <input type="text" id="search" placeholder="دنبال کجا می‌گردی؟">
        </div>
        <div class="mapContainer">
            <div id="map"></div>
        </div>
    </div>
    <script src="assets/js/script.js"></script>
</body>
</html>

فایل جاوااسکریپت

var mymap = L.map('map').setView([51.505, -0.09], 13);
L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', {
    maxZoom: 18,
    attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, ' +
        'Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',
    id: 'mapbox/streets-v11',
    tileSize: 512,
    zoomOffset: -1
}).addTo(mymap);
L.marker([51.5, -0.09]).addTo(mymap)
    .bindPopup("<b>Hello world!</b><br />I am a popup.").openPopup();
L.circle([51.508, -0.11], 500, {
    color: 'red',
    fillColor: '#f03',
    fillOpacity: 0.5
}).addTo(mymap).bindPopup("I am a circle.");
L.polygon([
    [51.509, -0.08],
    [51.503, -0.06],
    [51.51, -0.047]
]).addTo(mymap).bindPopup("I am a polygon.");
var popup = L.popup();
function onMapClick(e) {
    popup
        .setLatLng(e.latlng)
        .setContent("You clicked the map at " + e.latlng.toString())
        .openOn(mymap);
}
mymap.on('click', onMapClick);

مصطفی مهرجو ۱۲ شهریور ۱۴۰۰، ۱۰:۳۴

سلام خودم متوجه شدم . یه تگ دایو دیگه هست که یه عکس سایه برای پین گذاشته که اون عکس هم باید دانلود بشه کلاس جدا براش تعریف شده. وقتی تگ‌ها رو از inspect یکی یکی حذف کردم متوجهش شدم . ببخشید که وقتتون رو گرفتم

مصطفی مهرجو ۱۲ شهریور ۱۴۰۰، ۱۵:۲۷