أكثر

كيفية تعيين الحد الأقصى للخريطة في OL3

كيفية تعيين الحد الأقصى للخريطة في OL3


أحتاج لعرض الخريطة للعالم فقط

مثل https://stackoverflow.com/questions/16558231/leafletjs-setmaxbounds-wont-let-zoom-out-to-see-whole-world

كيفية ضبط هذا في OL3 ،

حاولت من خلال إعطاء مدى للعرض ولكن لا تعمل

عرض: عرض ol.View جديد ({center: center.getCoordinates () ، تكبير / تصغير: this.mapOptions.zoom ، مدى: [-180، -180،180،180]})

احصل على النطاق العالمي لإسقاطك:

var الإسقاط = ol.proj.get ('EPSG: 3857') ؛ var world_extent = projection.getWorldExtent () ، console.info (world_extent) ؛

ثم في رأيك:

view: new ol.View ({مدى: world_extent، center: [0، 0]، zoom: 1، minZoom: 1})

هناك العديد من الخيارات المختلفة لذلك. في ما هو الإسقاط هو "عالمك"؟ يعتمد ذلك على ما تحاول تحقيقه وما هي الطبقة الأساسية لإظهارها للعالم. أيضا "لا يعمل" يعني ماذا ؟؟؟ عندك اخطاء ؟؟؟؟ من حيث الجغرافيا [-180 ، -180،180،180] ليس صحيحًا لأن قيم خط العرض تختلف من -90 إلى +90. لذلك سيكون من الصحيح استخدام [-180، -90،180،90]. ولكن بعد ذلك يعتمد على epsg لطبقة المصدر الخاصة بك وكذلك على خريطتك. انظر امتحان العمل. أستخدم طبقة bing كطبقة أساسية (EPSG: 3857) لذلك أحتاج إلى تحويل lon و lat إلى x و y.

var raster = new ol.layer.Tile ({source: new ol.source.BingMaps ({imagerySet: 'Aerial'، key: 'Ak-dzM4wZjSqTlzveKz5u0d4IQ4bRzVI309GxmkgSVr1ewS6iPSrOvOKhA-CJl3)) var myextent = ol.extent.applyTransform ([- 179، -89،179،89]، ol.proj.getTransform ("EPSG: 4326"، "EPSG: 3857")) ؛ console.log (myextent) ؛ var mycenter = ol.extent.getCenter (myextent) console.log (mycenter) ؛ var map = new ol.Map ({layer: [raster]، target: document.getElementById ('map')، view: new ol.View ({range: myextent، projection: 'EPSG: 3857'، center: mycenter، // maxZoom: 19 ، minZoom: 2 ، تكبير: 2})}) ؛

الآن بالعودة إلى سؤالك ، يتم استخدام المدى في العرض congif لتقييد خريطة التحرك خارج هذا النطاق. طالما أنك تعطي مساحة للعالم مثل عدم إعطاء أي شيء. إذا كنت تريد فقط إظهار خريطة مع العالم بأسره فقط استخدم أعلى مستوى للتكبير (هذا هو 0)التكبير: 0من الطبقة الأساسية الخاصة بك وملفالمركزwhitch يشير إلى مركز العالم.


شاهد الفيديو: كيفية نشر. محل تجاري على خرائط جوجل مجانا. بالهاتف المحمول. google maps