۷ علی اسدزاده
عدم نمایش نقشه
جامعه پی اچ پی ایجاد شده در ۳۱ فروردین ۱۴۰۲

وقتی کد‌های درون تگ اسکریپت داخل فایل html رو به فایل scripts.js منتقل کردم و درون فایل html درون تگ اسکریپت این کد رو نوشتم

    <script src="assets/js/leaflet.js">script>

و صفحه مپ رو رفرش کردم نقشه اجرا نشد و فقط کادر سرچ فعال بود

فایل اسکریپت

const defaultLocation = [31.9214978, 56.8001593];
const defaultZoom = 5.25;
var map = L.map('map').setView(defaultLocation, defaultZoom);
L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
    maxZoom: 19,
    attribution: 'animos OpenStreetMap',
    id: 'mapbox/streets-v11',
    tileSize: 512,
    zoomOffset: -1
}).addTo(map);
document.getElementById('map').style.setProperty('height', window.innerHeight + 'px');
map.setView([80.9214978, 50.8001593], defaultZoom);

فایل html

html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>7Maptitle>
    <link href="favicon.png" rel="shortcut icon" type="image/png">
    <link rel="stylesheet" href="assets/css/leaflet.css" />
    <link rel="stylesheet" href="assets/css/styles.css" />
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/leaflet.js">script>
body>
html>

فکر کنم ویدیو‌ها برداشته شدن و یا کات شدن چون این جلسه استاد فایل scripts.fs رو نساختن ولی جلسه بعدی این فایل رو باز میکنن و درونش کد میزنن فکر کنم این فایل‌ها رو به هم اینکلود کردن و از اونجا میخونه لطفا راهنمایی کنید

سلام علی عزیز

شما باید لینک فایل scripts.js هم قرار بدید.

leaflet.js فایل هسته نقشه هست.

ضمنا دقت داشتا باشید لینک زیر رو آخر کدهای body و بعد از اسکریپت‌های قبلی بزارید.

<script src="assets/js/scripts.js">script>
احمدرضا فاطمی کیا ۳۱ فروردین ۱۴۰۲، ۲۰:۲۸

این کد رو داخل فایل ایندکس گذاشتم و کش مرورگز رو پاک کردم و سوپر رفرش کردم ولی باز هم نقشه کار نکرد


پیوست پروژه!!!!

علی اسدزاده ۳۱ فروردین ۱۴۰۲، ۲۰:۵۱

پیوست هم که اپلود نمیشه


فایل scripts.js

const defaultLocation = [31.9214978, 56.8001593];
const defaultZoom = 5.25;
var map = L.map('map').setView(defaultLocation, defaultZoom);
L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
    maxZoom: 19,
    attribution: 'animos OpenStreetMap',
    id: 'mapbox/streets-v11',
    tileSize: 512,
    zoomOffset: -1
}).addTo(map);
document.getElementById('map').style.setProperty('height', window.innerHeight + 'px');
map.setView([80.9214978, 50.8001593], defaultZoom);



فایل index

html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>7Maptitle>
    <link href="favicon.png" rel="shortcut icon" type="image/png">
    <link rel="stylesheet" href="assets/css/leaflet.css" />
    <link rel="stylesheet" href="assets/css/styles.css" />
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/leaflet.js">script>
    <script src="assets/js/scripts.js"><script>
body>
html>
علی اسدزاده ۳۱ فروردین ۱۴۰۲، ۲۰:۵۸

تگ اسکریپت رو ببندید .

972e-سون-لرن (6).png

احمدرضا فاطمی کیا ۰۱ اردیبهشت ۱۴۰۲، ۱۱:۳۹

از اول هم بسته بوده ولی چون کپی پیست کردم تایپ نشده باز هم نقشه لو ند و فقط کادر جستجو باقی مونده

داخل تلگرام پیام بدم ؟

علی اسدزاده ۰۳ اردیبهشت ۱۴۰۲، ۱۳:۵۲

مشکل برطرف شد ممنون

علی اسدزاده ۰۳ اردیبهشت ۱۴۰۲، ۱۳:۵۵

تیک حل شده رو بزنید تاپیک از پیگیری خارج بشه.

بهترین پاسخ
احمدرضا فاطمی کیا ۰۳ اردیبهشت ۱۴۰۲، ۱۴:۲۴