نقشه 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="/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>
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
سلام
این یه مثاله که میتونه کمکتون کنه:
<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>من خودم ازش تو پروژه هام استفاده میکنم
سلام
این یه مثاله که میتونه کمکتون کنه:
<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>من خودم ازش تو پروژه هام استفاده میکنم
شما کدتون کامل نیست چون layer (همون مپ) رو نساختین، بعد چجوری انتظار دارین نمایش بده؟
تو مثال بالا کامل متوجه میشین
سلام.
آموزش کامل LeafletJS در وبسایت دات نت لرن به آدرس dotnetLearn.com موجود می باشد.
باسلام میخوام مارکر را خودم جابجام کنم و عرض و طول جغرافیایش را بردارم و در دو اینپوت ذخیره کنم چکار کنم؟
سلام من از
http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png
استفاده می کردم مشکل تحریم و ... بود شاید جواب نمیداد به جاش از این استفاده کردم سریع لود شد
https://vt.parsimap.com/comapi.svc/tile/parsimap/{x}/{y}/{z}.jpg?token=ee9e06b3-dcaa-4a45-a60c-21ae72dca0bb