主页 / 问题 / 1082534
Accepted
Александр
Asked:2020-02-14 18:35:57 +0000 UTC2020-02-14 18:35:57 +0000 UTC

如何在 Yandex 地图上获取新的气球坐标？

  • 772

我正在尝试制作一个应用程序，在输入地址后确定地图上对象的坐标。然后地图打开，在这些坐标处有一个气球。如果用户不同意确定坐标的正确性，可以将其移动，然后将移动气球的新坐标输入数据库。

如何得到它们？

此代码需要添加的内容：

ymaps.ready(init);

function init() {
    var myMap = new ymaps.Map("map", {
            center: [55.76, 37.64],
            zoom: 10
        }, {
            searchControlProvider: 'yandex#search'
        }),

        // Создаем геообъект с типом геометрии "Точка".
        myGeoObject = new ymaps.GeoObject({
            // Описание геометрии.
            geometry: {
                type: "Point",
                coordinates: [55.754755, 37.596219]
            },
            // Свойства.
            properties: {
                // Контент метки.
                iconContent: 'Move me',
                hintContent: 'marker'
            }
        }, {
            // Опции.
            // Иконка метки будет растягиваться под размер ее содержимого.
            preset: 'islands#blackStretchyIcon',
            // Метку можно перемещать.
            draggable: true
        });

    myMap.geoObjects
        .add(myGeoObject)

}
яндекс-карты

1 个回答

  1. Best Answer

    在拖动完成事件处理程序（https://tech.yandex.ru/maps/jsapi/doc/2.1/ref/reference/GeoObject-docpage/#GeoObject__events-summary）中，我们获得了地理对象的几何形状（https:// /tech.yandex.ru /maps/jsapi/doc/2.1/ref/reference/GeoObject-docpage/#field_detail__geometry）和点坐标（https://tech.yandex.ru/maps/jsapi/doc/2.1/ref/参考/IPointGeometryAccess-docpage/#method_detail__getCoordinates）。

    至于保存在数据库中，似乎根据使用 Yandex.Maps API 的条款，您无法保存使用 API 接收的数据（https://tech.yandex.ru/maps/jsapi/doc/2.1/terms /index-docpage/）。这个问题最好通过技术支持来澄清。

    ymaps.ready(init);

function init() {
  var myMap = new ymaps.Map("map", {
      center: [55.76, 37.64],
      zoom: 10
    }, {
      searchControlProvider: 'yandex#search'
    }),

    // Создаем геообъект с типом геометрии "Точка".
    myGeoObject = new ymaps.GeoObject({
      // Описание геометрии.
      geometry: {
        type: "Point",
        coordinates: [55.754755, 37.596219]
      },
      // Свойства.
      properties: {
        // Контент метки.
        iconContent: 'Move me',
        hintContent: 'marker'
      }
    }, {
      // Опции.
      // Иконка метки будет растягиваться под размер ее содержимого.
      preset: 'islands#blackStretchyIcon',
      // Метку можно перемещать.
      draggable: true
    });
  myMap.geoObjects.add(myGeoObject);
  myGeoObject.events.add('dragend', function(e) {
    console.log(myGeoObject.geometry.getCoordinates());
  });

}
    <!DOCTYPE html>
<html>

<head>
  <title>Добавление метки на карту</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <!--
        Укажите свой API-ключ. Тестовый ключ НЕ БУДЕТ работать на других сайтах.
        Получить ключ можно в Кабинете разработчика: https://developer.tech.yandex.ru/keys/
    -->
  <script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU&amp;apikey=<ваш API-ключ>" type="text/javascript"></script>
  <style>
    html,
    body,
    #map {
      width: 100%;
      height: 100%;
      padding: 0;
      margin: 0;
    }
  </style>
</head>

<body>
  <div id="map"></div>
</body>

</html>

    • 1

相关问题