جشنواره عیدانه راکت | عضویت ویژه راکت برای آخرین بار | افزایش قیمت‌ها از سال جدید | و ...

مشاهده اطلاعات بیشتر...
ثانیه
دقیقه
ساعت
روز
ابراهیم
2 سال پیش توسط ابراهیم مطرح شد
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 2 سال پیش مطرح شد
1

سلام صبحتون بخیر
کد اضافه کردن 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 1 سال پیش آپدیت شد
0

با تشکر از شما،
من از این کد استفاده کردم،
البته خطای 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 10 ماه پیش مطرح شد
0

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

 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)

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

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