leaflet - 更改传单 map 工具提示语言

Question

我们如何更改传单的语言？不是 map 、缩放按钮、绘制按钮、绘制多边形、取消等的工具提示。

Answer 1

嗯，Leaflet.draw 使用 L.drawLocal 配置对象来设置插件中使用的任何文本。自定义此项将允许支持更改文本或支持其他语言。

有关更多详细信息，请参阅Leaflet.draw.js ，实际上，您可以在那里找到默认字符串，但我在这里提供了一个示例供您检查它是如何工作的。

例如

   // Set the button title text for the polygon button
    L.drawLocal.draw.toolbar.buttons.polygon = 'Draw a sexy polygon!';
    
    // Set the tooltip start text for the rectangle
    L.drawLocal.draw.handlers.rectangle.tooltip.start = 'Not telling...';

到目前为止，您已经了解了这个包的工作原理，但我为您带来了一个我之前所做的示例，因此下面我将传单工具语言更改为波斯语

  L.drawLocal = { 
      draw: {
        toolbar: {
          // #TODO: this should be reorganized where actions are nested in actions
          // ex: actions.undo  or actions.cancel
          actions: {
            title: 'لغو ترسیم ',
            text: 'لغو'
          },
          finish: {
            title: 'اتمام ترسیم',
            text: 'اتمام'
          },
          undo: {
            title: 'حذف آخرین نقطه ی ترسم  شده',
            text: 'حذف اخرین نقطه'
          },
          buttons: {
            polyline: 'رسم چند خطی',
            polygon: 'رسم چندضلعی',
            rectangle: 'رسم مستطیل',
            circle: 'رسم دایره',
            marker: 'رسم نشان گذار',
            circlemarker: 'رسم نشانگر دایره ای'
          }
        },
        handlers: {
          circle: {
            tooltip: {
              start: 'جهت  رسم دایره کلیک کنید و بکشید'
            },
            radius: 'شعاع'
          },
          circlemarker: {
            tooltip: {
              start: 'جهت قراردادن دایره روی نقشه کلیک کنید.'
            }
          },
          marker: {
            tooltip: {
              start: 'جهت قراردادن نشانگر روی نقشه کلیک کنید'
            }
          },
          polygon: {
            tooltip: {
              start: 'جهت رسم شکل کلیک کنید',
              cont: 'جهت ادامه ترسیم شکل کلیک کنید',
              end: 'نقطه ی ابتدایی را جهت بسته شدن شکل کلیک کنید'
            }
          },
          polyline: {
            error: '<strong>Error:</strong> shape edges cannot cross!',
            tooltip: {
              start: 'جهت رسم خط کلیک کنید',
              cont: 'جهت ادامه ترسیم خط کلیک کنید',
              end: 'نقطه ی ابتدایی را جهت اتمام خط کلیک کنید'
            }
          },
          rectangle: {
            tooltip: {
              start: 'جهت ترسیم مستطیل کلیک و درگ کنید'
            }
          },
          simpleshape: {
            tooltip: {
              end: 'جهت اتمام ترسیم موس را رها کنید'
            }
          }
        }
      },
      edit: {
        toolbar: {
          actions: {
            save: {
              title: 'ذخیره ی تغییرات',
              text: 'ذخیره'
            },
            cancel: {
              title: 'لغو ویرایش، نادیده گرفتن تغییرات قبلی',
              text: 'لغو'
            },
            clearAll: {
              title: 'پاک کردن تمامی لایه ها',
              text: 'پاک کردن'
            }
          },
          buttons: {
            edit: 'ویرایش لایه ها',
            editDisabled: 'هیچ لایه ای جهت ویرایش وجود ندارد',
            remove: 'حذف لایه ها',
            removeDisabled: 'هیچ لایه ای جهت حذف وجود ندارد'
          }
        },
        handlers: {
          edit: {
            tooltip: {
              text: 'Drag handles, or marker to edit feature.',
              subtext: 'جهت نادیده درنظرگفتن تغییرات دکمه لغو  را کلیک کنید'
            }
          },
          remove: {
            tooltip: {
              text: 'جهت پاک شدن فیچر روی آن کلیک کنید'
            }
          }
        }
      }
    };