سلام خسته نباشید من از نقشه نشان استفاده میکنم چگونه برای این نقشه maker فعالش کرده دستورات جاوا اسکریپتش به این صورت نوشتم :
@section('head')
<link href="https://static.neshan.org/sdk/openlayers/5.3.0/ol.css" rel="stylesheet" type="text/css">
@endsection
@section('footer')
<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL"></script>
<script type="text/javascript" src="https://static.neshan.org/api/web/v1/openlayers/v4.6.5.js"></script>
<script>
var myMap = new ol.Map({
target: 'map',
maptype: 'dreamy',
poi: true,
traffic: false,
view: new ol.View({
center: ol.proj.fromLonLat([48.671262, 31.320929]),
zoom: 14,
})
});
</script>
@endsection
سلام صبحتون بخیر
کد اضافه کردن Marker :
var myMap = new ol.Map({
target: 'map',
maptype: 'dreamy',
poi: true,
traffic: false,
view: new ol.View({
center: ol.proj.fromLonLat([48.671262, 31.320929]),
zoom: 14,
})
});
//map اضافه کردن مارکر به
var marker = new ol.Feature({
geometry: new ol.geom.Point(
ol.proj.fromLonLat([-74.006,40.7127]) // جایی که میخواید براتون نشون بده
),
});
var vectorSource = new ol.source.Vector({
features: [marker]
});
var markerVectorLayer = new ol.layer.Vector({
source: vectorSource,
});
myMap.addLayer(markerVectorLayer);
با تشکر از شما،
من از این کد استفاده کردم،
البته خطای KEY داد که اضافه کردم و نقشه نمایش داده شد. ولی مارکر نمایش داده نشد.
var myMap = new ol.Map({
target: 'map',
key: 'web.0c291c0af80f48718e00b3d6eb7a0907',
maptype: 'dreamy',
poi: true,
traffic: false,
view: new ol.View({
center: ol.proj.fromLonLat([<?=$unitInfo['longitude'];?>, <?=$unitInfo['latitude'];?>]),
zoom: 17,
})
});
//map اضافه کردن مارکر به
var marker = new ol.Feature({
geometry: new ol.geom.Point(
ol.proj.fromLonLat([<?=$unitInfo['longitude'];?>, <?=$unitInfo['latitude'];?>]) // جایی که میخواید براتون نشون بده
),
});
var vectorSource = new ol.source.Vector({
features: [marker]
});
var markerVectorLayer = new ol.layer.Vector({
source: vectorSource,
});
myMap.addLayer(markerVectorLayer);```
میتونید از کد زیر برای اضافه کردن مارکر خود به نقشه نشان اضافه کنید
var myMap = new ol.Map({
target: 'map',
key: 'web.testtt',
maptype: 'standard-day',
poi: false,
traffic: true,
view: new ol.View({
center: ol.proj.fromLonLat([51.20003360915219, 35.600089507373606]),
zoom: 17,
}),
});
var layer = new ol.layer.Vector({
source: new ol.source.Vector({
features: [
new ol.Feature({
geometry: new ol.geom.Point(
ol.proj.fromLonLat([51.20003360915219, 35.600089507373606])
)
})
]
}),
style: new ol.style.Style({
image: new ol.style.Icon({
color: '#BADA55',
crossOrigin: 'anonymous',
src: "https://openlayers.org/en/latest/examples/data/square.svg"
})
})
})
myMap.addLayer(layer)
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟