Как изменить адрес маркера с местного языка на английский sh с помощью esri-leaflet-geocoder? - PullRequest
Новая
       69

Как изменить адрес маркера с местного языка на английский sh с помощью esri-leaflet-geocoder?

0 голосов
/ 07 апреля 2020

У меня есть листовка на моем веб-сайте, например 

var map = L.map('map').setView([25.0750853, 54.9475437], 10);

  L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="https://osm.org/copyright">OpenStreetMap</a> contributors'
  }).addTo(map);
  marker = new L.marker([25.0750853, 54.9475437], {draggable:'true'});
  marker.on('dragend', function(event){
    var marker = event.target;
    var position = marker.getLatLng();
    marker.setLatLng(new L.LatLng(position.lat, position.lng),{draggable:'true'});
    map.panTo(new L.LatLng(position.lat, position.lng))
    getAddress(position);
  });
  map.addLayer(marker);
  var geocodeService = L.esri.Geocoding.geocodeService();

  function getAddress(position) {
    geocodeService.reverse().latlng(position).run(function (error, result) {
      if (error) {
        return;
      }
      alert(result.address.Match_addr);
    });
  }

. Это мой код карты. Когда я перемещаю маркер, я хочу получить адрес местоположения. Но я получаю адрес на местном языке. Как изменить язык адреса на английский sh

1 Ответ

0 голосов
/ 07 апреля 2020

Вам нужно указать language("eng"), чтобы он работал правильно 

 function getAddress(position) {
    geocodeService.reverse().latlng(position).language("eng") // here make the change
      .run(function(error, result) {
        if (error) {
          return;
        }
        alert(result.address.Match_addr);
      });
  }


<!DOCTYPE html>
<html>

  <head>
    <title>Quick Start - Leaflet</title>

    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css" />
    <script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"></script>
    <script src="https://unpkg.com/esri-leaflet"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/perliedman-leaflet-control-geocoder/1.12.1/Control.Geocoder.js"></script>
    <!-- Load Esri Leaflet from CDN -->
    <script src="https://unpkg.com/esri-leaflet@2.3.3/dist/esri-leaflet.js"></script>

    <!-- Load Esri Leaflet Geocoder from CDN -->
    <link rel="stylesheet" href="https://unpkg.com/esri-leaflet-geocoder@2.3.2/dist/esri-leaflet-geocoder.css" />
    <script src="https://unpkg.com/esri-leaflet-geocoder@2.3.2/dist/esri-leaflet-geocoder.js"></script>
  </head>

  <body>
    <div id="map" style="width: 600px; height: 400px;"></div>
    <script>
      var map = L.map('map').setView([25.0750853, 54.9475437], 10);

      L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        attribution: '&copy; <a href="https://osm.org/copyright">OpenStreetMap</a> contributors'
      }).addTo(map);
      marker = new L.marker([25.0750853, 54.9475437], {
        draggable: 'true'
      });
      marker.on('dragend', function(event) {
        var marker = event.target;
        var position = marker.getLatLng();
        marker.setLatLng(new L.LatLng(position.lat, position.lng), {
          draggable: 'true'
        });
        map.panTo(new L.LatLng(position.lat, position.lng))
        getAddress(position);
      });
      map.addLayer(marker);
      var geocodeService = L.esri.Geocoding.geocodeService();

      function getAddress(position) {
        geocodeService.reverse().latlng(position).language("eng")
          .run(function(error, result) {
            if (error) {
              return;
            }
            alert(result.address.Match_addr);
          });
      }

    </script>
  </body>

</html>
...