ابراهیم

3 سال پیش توسط ابراهیم مطرح شد

ایجاد marker در نقشه نشان

سلام خسته نباشید من از نقشه نشان استفاده میکنم چگونه برای این نقشه 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

ثبت پرسش جدید

احسان داوری

تخصص : برنامه نویس

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

سلام صبحتون بخیر
کد اضافه کردن 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);

ارسال پاسخ

امیرحسین آقاجانی

تخصص : برنامه نویس php و swift

@ideveloper 2 سال پیش آپدیت شد

با تشکر از شما،
من از این کد استفاده کردم،
البته خطای 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);```

ارسال پاسخ

رضا شکری

تخصص : Frond-end Develoepr

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

میتونید از کد زیر برای اضافه کردن مارکر خود به نقشه نشان اضافه کنید

 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)

ارسال پاسخ

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام

دوره‌های آموزشی

مسیرهای یادگیری

پیشرفت من

دوره‌های رایگان

گواهی پایان دوره

محبوب‌ترین آموزش‌ها

ایجاد marker در نقشه نشان

گزینش سوالات

گفت و گو های مرتبط

دسته ‌بندی سوالات

تگ‌های محبوب

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید