أكثر

الحصول على شريط مقياس ، خريطة ويب مع GeoExt؟

الحصول على شريط مقياس ، خريطة ويب مع GeoExt؟


حاولت إنشاء خريطة ويب باستخدام GeoExt وكل شيء يعمل ، لكنني لا أرى مقياسًا.

فار mapPanel ، شجرة ؛ Ext.application ({name: 'test'، launch: function () {mapPanel = Ext.create ('GeoExt.panel.Map'، {title: 'test'، border: true، region: "center"، map: {allOverlays: false} ، المركز: [14.000000،47.00000] ، التكبير / التصغير: 11 ، الطبقات: [OpenStreetMap الجديد ، "http://ows.terrestris.de/osm-gray/service؟" ، {الطبقات: 'OSM-WMS'} ، {الإسناد: '© terrestris GmbH & Co. KG 
'+' بيانات © OpenStreetMap '+'المساهمين'})،…] var store = Ext.create (' Ext.data.TreeStore '، {model:' GeoExt.data.LayerTreeModel '، root: {selected: true، children: [{plugins: [' gx_overlaylayercontainer '] ، موسع: صحيح ، نص: "Layer"} ، {plugins: ['gx_baselayercontainer'] ، موسع: صحيح ، نص: "Base Maps"}]}})؛ tree = Ext.create ('GeoExt.tree.Panel'، {border: true، region: "west"، title: "Layers"، width: 285، height: 200، split: true، collapsible: true، collapseMode: " mini "، autoScroll: true، store: store، rootVisible: false، lines: false، tbar: true})؛ Ext. "desc"، region: "north"، bodyStyle: {"padding": "5px"}، collapsible: true، collapseMode: "mini"، split: true، width: 200، height: 150، title: "test"} ]}}) ؛ }}) ؛

كيف يمكنني تغيير الكود للحصول على شريط الميزان الخاص بـ OSM؟


يمكنك على سبيل المثال تحديد الخريطة كمتغير والإشارة إلى هذا المتغير عند إنشاء MapPanel:

var your_map = new OpenLayers.Map ({allOverlays: false}) ؛ mapPanel = Ext.create ('GeoExt.panel.Map'، {title: 'test'، border: true، region: "center"، map: your_map، center: [14.000000،47.00000]، ... // your other settings} ) ؛ var your_scalebar = new OpenLayers.Control.ScaleLine () ، your_map.addControl (your_scalebar) ؛

Edit1: تمت إضافة jsfiddle: http://jsfiddle.net/expedio/rxr2mhee/


قد تتمكن من إنشاء عنصر تحكم OpenLayers وعرضه على خريطتك.

OpenLayers.Control.ScaleLine الجديد ({})

تم العثور على الوثائق هنا.

يبدو أن GeoExt يشرح قليلاً عن عناصر تحكم OpenLayers هنا أيضًا.


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