更改传单地图工具提示语言

时间:2017-07-17 14:27:19

标签: leaflet tooltip

我们如何改变传单的语言?不是地图,缩放按钮的工具提示,绘制按钮,绘制多边形,取消等等。

1 个答案:

答案 0 :(得分: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: 'جهت پاک شدن فیچر روی آن کلیک کنید'
            }
          }
        }
      }
    };