نظام الخرائط

خلق تصورات جغرافية مذهلة مع خرائط تفاعلية، ملونة بيانات الكوروسولث، وكشف محاكاة.

♪ ♪

لمحة عامة

وينص نظام الخرائط على ما يلي:

• الخرائط العالمية الإقليمية - الخرائط المحملة مسبقاً من شبكة CDN (العالم، الولايات المتحدة الأمريكية، أوروبا، إلخ)
• الإسقاطات المتعددة الأطراف - ميركاتور، الأرض الطبيعية، الأرثوغرافيا )العالم(، ألبير، وأكثر
• المنطقة الرئيسية - البلدان المرتفعة أو الولايات أو المقاطعات
• رؤية داتا - خرائط شوربة بمقياس لللون
• المتزوجون - إضافة نقاط اهتمام
• الجودة المهنية - الدعم المتعدد النطاق للبلدان المعقدة

رسم خريطة

من النماذج

أسهل طريقة للبدء هي استخدام نموذج خريطة

1. يفتح الفريق**
2. اعثروا على فئة مابس**
3. اختر نموذجاً مثل " خريطة التوسع العالمي" أو “رؤية بيانات الولايات المتحدة”

من فريق المولدات

1. فتح الفريق**
2. Select Map as the background type
3. اختيار خريطة (عالم، الولايات المتحدة الأمريكية، أوروبا، إلخ)
4. التوقعات المتعلقة بالثقة

أنواع الخرائط

الإسقاطات

اختر الإسقاط الصحيح لتصورك:

الأرض الطبيعية

أفضل الخرائط العالمية التشويه المتوازن يبدو طبيعياً.

(…/images/map-world-natural-earth.png)

Mercator

يحفظ الزوايا، نظرة مألوفة. جيد لخرائط نمط الملاحة.

(…/images/map-mercator-projection.png)

Orthographic (Globe)

يظهر الأرض كمجال ثلاثي الأبعاد عظيم لنظرات المنطقة المركزة.

Orthographic Globe

Albers USA

الإسقاط الخاص لخرائط الولايات المتحدة التي تشمل ألاسكا وهاواي.

USA Albers

إسقاطات أخرى

• Robinson - Compromise projection, good for world maps
• Winkel Tripel - التوقعات العالمية المنخفضة التشويه
• المنطقة المتساوية** - منطقة جيدة لمناطق وسط البحر

المناطق المرتفعة

البلد الوحيد/الدولة

إضغط على أي منطقة لاختيارها ثم استخدام اللوحة لتغيير لونها.

المناطق المتعددة

Use the API or templates to highlight multiple regions:

// Highlight North American countries
app.mapSystem.highlightRegions(
  ['United States of America', 'Canada', 'Mexico'],
  { fillColor: '#22c55e', strokeColor: '#16a34a' }
);

Reveals Animated

ويمكن للنماذج أن تؤدي إلى تحفيز الملامح البارزة في المنطقة بتوقيت متفاوت لتأثيرات التقصي.

(…/images/map-world-highlighted.png)

الشكليات

وتستخدم خرائط مختلفة أشكالا مختلفة لتحديد الهوية:

تصور البيانات (البرنامج)

المناطق المستعمِلة على أساس قيم البيانات:

app.mapSystem.applyDataColors({
  'California': 39538223,
  'Texas': 29145505,
  'Florida': 21538187
}, {
  colorScale: 'blues',
  showLegend: true,
  legendTitle: 'Population'
});

Color Scales

العلامات

علامة مضافة عند إحداثيات محددة:

app.mapSystem.addMarker({
  lat: 37.7749,
  lon: -122.4194,
  label: 'San Francisco',
  color: '#ef4444',
  pulse: true  // Animated pulse effect
});

النوعية

** Use professional quality for countries with complex shapes (Russia, France, USA) to ensure all territory parts render correctly.

بلدان متعددة البلدان

وتتألف بعض البلدان من أجزاء متعددة منقطعة عن بعضها البعض:

• روسيا - البر الرئيسي + كالينينغراد + الجزر
• فرنسا** - هولندا + كورسيكا + أقاليم ما وراء البحار
• الولايات المتحدة - البر الرئيسي + ألاسكا + هاواي (في الخرائط العالمية)
• إندونيسيا** - آلاف الجزر
• فيجي - جزر متعددة

ويستخدم نظام الخرائط آلياً Paper.js CompoundPath لهذه البلدان عند تحديد الجودة إلى professional.

التفاعل

Hover Effects

يمكن إلقاء الضوء على هوفر:

app.mapSystem.loadMap('world', {
  enableHover: true,
  hoverFill: '#93c5fd'
});

أحداث النقر

الرد على النقرات الإقليمية:

app.mapSystem.on('regionClick', (event) => {
  console.log('Clicked:', event.regionId);
  // Show info panel, highlight related regions, etc.
});

النماذج

خريطة التوسع العالمية

ويبين التوسع في الأعمال التجارية عبر المناطق مع التركيز على مراحل محاكاة.

رؤية بيانات الولايات المتحدة

يصور البيانات عبر الولايات المتحدة مع اللون الكوروبولث.

خريطة الواردات العرفية

وفيما يتعلق بالخرائط الإقليمية المفصلة التي لم تدرج، استخدم الرقم القياسي للأسعار الثابتة:

// Load from GeoJSON
await app.mapSystem.importCustomMap(geoJsonData, {
  projection: 'mercator',
  idProperty: 'name'
});

المصادر:

• ]الأرض الشمالية[ )المقر الرئيسي( - بيانات خريطة النطاق العام
• )مقدار https://gadm.org( - الحدود الإدارية المفصلة
• Mapshaper - تبسيط ملفات PGeoJSON

تيبس

1. استخدام الشبكة العالمية HighRes للصادرات المهنية مع البلدان المتعددة الجنسيات
2. التوقعات المتعلقة بالأرض الطبيعية تعمل على أفضل وجه بالنسبة لمعظم الخرائط العالمية
3. Albers USA مصممة خصيصا لخرائط الولايات المتحدة الأمريكية
4. يخلق علم الآثار آراء عالمية مثيرة للعروض
5. الجودة المهنية تمنع تشكيل الفساد في البلدان المعقدة

SLEboard Shortcuts

منطقة الخرائط

مناطق الخرائط الهوائية مع تغيرات الألوان المدمجة مثالية لإظهار التغيرات في البيانات على مر الزمن، أو تسلسل التوسع العالمي، أو إيجاد صور مرئية للبيانات.

المنطقة الأساسية

المناطق المعينة التي تمر بمرحلة انتقال لونها على أساس الحاسوب المركزي:

// Load a world map first
await app.loadMap('world', {
  projection: 'naturalEarth',
  fillColor: '#e2e8f0'
});

// Animate specific regions
app.animateMapRegions({
  duration: 5,
  loop: true,
  regions: {
    'USA': [
      { time: 0, fillColor: '#ef4444' },      // Red at start
      { time: 2.5, fillColor: '#22c55e' },    // Green at midpoint
      { time: 5, fillColor: '#ef4444' }       // Red at end (loops)
    ],
    'France': [
      { time: 0, fillColor: '#3b82f6' },      // Blue at start
      { time: 5, fillColor: '#fbbf24' }       // Yellow at end
    ]
  }
});

الموجة

إنشاء موجة من اللون في جميع المناطق على أساس الموقع الجغرافي:

app.animateMapWave({
  duration: 10,
  loop: true,
  colors: ['#ef4444', '#fbbf24', '#22c55e', '#3b82f6'],
  waveDirection: 'horizontal'  // 'horizontal', 'vertical', 'radial'
});

الدمج الزمني

المناطق المتحركة مدمجة مع نظام التوقيت الموحد:

• تظهر المناطق المتحركة في فريق الخط الزمني
• التنظيف عبر الزمن لتغيير اللون
• قياسات العزف/الدفع بالضوابط الزمنية
• رسوم التصدير للفيديو أو PGIF

Timeline with Map Animations

وقف الهجمات

// Stop all region animations
app.stopMapAnimations();

// Stop specific regions
app.stopMapAnimations({ regions: ['USA', 'Canada'] });

// Stop but preserve current colors
app.stopMapAnimations({ resetColors: false });

الحصول على المناطق المتحركة

const animated = app.getAnimatedMapRegions();
// Returns: [{ regionId, keyframes, duration, loop }, ...]

تصدير واستيراد

بيانات منطقة التصدير والاستيراد، بما في ذلك الألوان، وتسليط الضوء على الوضع، وحالة الاختيار للتصوير القائم على البيانات.

بيانات المنطقة المصدرة

// Export all regions with current state
const csv = app.exportMapRegionDataCSV();

// Export with custom options
const csv = app.exportMapRegionDataCSV({
  includeHighlighted: true,  // Include highlight status column
  includeSelected: true,     // Include selection status column
  includeColors: true        // Include fill/stroke colors
});

// Download directly as CSV file
app.downloadMapRegionDataCSV('my-map-data.csv');

CSV Format:

regionId,name,highlighted,selected,fillColor,strokeColor
USA,United States of America,1,0,#22c55e,#16a34a
CAN,Canada,0,0,#e5e7eb,#9ca3af
FRA,France,1,1,#3b82f6,#2563eb

بيانات منطقة الاستيراد

ترد بيانات تعادل القوة الشرائية لتحديث المناطق:

// Import from CSV text
app.importMapRegionDataCSV(csvText, {
  applyColors: true,      // Apply fill/stroke colors from CSV
  applyHighlight: true,   // Update highlight status
  applySelection: true    // Update selection status
});

الانتقاء البرنامجي

// Select regions programmatically
app.selectMapRegions(['USA', 'Canada', 'Mexico']);

// Deselect regions
app.deselectMapRegions(['Mexico']);

// Get highlighted regions
const highlighted = app.getHighlightedMapRegions();
// Returns: ['USA', 'France', ...]

تدفق العمل: رسم الخرائط المحتوية على جداول بيانات

1. وضع خريطة وإبراز بعض المناطق
2. Export to CSV: app.downloadMapRegionDataCSV('regions.csv')
3. Edit in Excel/Google Sheets (change colors, set highlighted=1)
4. استيراد: app.importMapRegionDataCSV(updatedCsv)

وتدفق العمل هذا مثالي لما يلي:

• مستعملو الخرائط غير التقنيين
• تحديثات شعبية للعديد من المناطق
• تكامل خط البيانات
• تشكيلات الخرائط الخاضعة لسيطرة البعثة

تصدير واستيراد

خرائط التصدير كـ “بي جي تي إكس” للتحرير في الأدوات الخارجية مثل “جي إس” أو “مابشابر” ثم إعادة الاستيراد مع تعديلاتك.

خريطة التصدير المعدلة

تصدير الخريطة بالألوان والأساليب الحالية:

// Export as GeoJSON (includes current colors/styles)
const geoJson = app.exportMapGeoJSON();

// Download directly
app.downloadMapGeoJSON('my-styled-map.geojson');

المصدر

تحميل المجموعة بالضبط التي استخدمت لتحميل الخريطة (الحدود غير المعدلة):

// Get original source data
const original = app.getOriginalMapGeoJSON();

// Download for external editing
app.downloadOriginalMapGeoJSON('world-source.geojson');

خرائط الجمارك المستوردة

استوردي بياناتك المحررة (بي بي جي) أو بيانات الخرائط الخارجية

// Import from URL
await app.importCustomMap('https://example.com/my-map.geojson');

// Import from object
await app.importCustomMap(editedGeoJson, {
  projection: 'naturalEarth'
});

تدفق كامل للعمل: إديت → إعادة الاستيراد

1. Load and export the original map:

   await app.loadMap('world');
   app.downloadOriginalMapGeoJSON('world-source.geojson');
   

2. حدود الترسبات في الأدوات الخارجية:

   • QGIS - Full-featured GIS editor
   • التبسيط والتحرير على الإنترنت
   • geojson.io - Quick online editor

3. إعادة تقديم التقرير خريطة محررة:

   await app.importCustomMap(editedGeoJson, { projection: 'naturalEarth' });
   

4. ** خريطة العرف الخاصة بك:

   app.animateMapRegions({
     duration: 5,
     regions: { 'MyRegion': [{ time: 0, fillColor: '#ef4444' }, ...] }
   });
   

المصدر

الحصول على معلومات عن الخريطة المحملة حاليا:

const info = app.getMapSourceInfo();
// {
//   source: 'world',
//   projection: 'naturalEarth',
//   quality: 'standard',
//   regionCount: 177,
//   hasOriginalGeoJSON: true,
//   isCustomImport: false
// }

الموارد الخارجية

مصادر البيانات

أدوات التحويل

تدفق العمل التحويلي

Shapefile ): GeoJSON (using Mapshaper):

1. Go to mapshaper.org
2. سحب وإسقاط ملف .shp (بالإضافة إلى ملفات .dbf و .prj)
3. Click Simplify to reduce file size (use 10-20% for web)
4. Click Export choose GeoJSON
5. Import into PinePaper with app.importCustomMap()

TopoJSON : GeoJSON:

TopoJSON files are automatically converted when imported into PinePaper.

File Size Tips

API

وللاطلاع على مراقبة الخرائط البرنامجية، انظر النظام المبسّط API Documentation.