主页 / 问题 / 965533
Accepted
Masquitos
Asked:2020-04-04 22:21:17 +0000 UTC2020-04-04 22:21:17 +0000 UTC

计算圆半径 yandex 地图

  • 772

我想在 Yandex 地图中执行此操作 1）在地图中心向用户显示一个固定大小的圆圈（作为标签，通过 css）2）圆圈的半径以米为单位计算 3）半径取决于在用户选择的缩放上。也就是放大倍数越大，半径越大，因为地图大面积落入圆内。

请告诉我该怎么做？hh.ru 服务在他们的 Android 应用程序中有类似的开发，它在找工作时工作。

也许你可以不同地设置任务 1) 计算从地图中心到它的 div`a 右侧的距离，因为如果我们将地图显示在正方形中，到哪边都没有关系取半径到。在这种情况下，半径距离应该取决于当前缩放

yandex-maps-api

1 个回答

  1. Best Answer

    这可以使用取自维基百科的公式来计算，但如果我们不想寻找这个公式，那么：

    var polyline, circle;
// Отрисовать круг с радиусом, вывести радиус в консоль.
    function drawCircle(){
// Удаляем круг и линию (можно менять их координаты если хочется)
        myMap.geoObjects.remove(polyline).remove(circle);
// находим центр карты и координаты её углов
        var bounds = myMap.getBounds();
        var center = myMap.getCenter();
// получаем точку лежащую справа по центру
        var rightPoint = [center[0], bounds[1][1]];
// добавляем линию с координатами центра и правой центральной точки
        polyline = new ymaps.Polyline([center, rightPoint]);
        myMap.geoObjects.add(polyline);
// высчитываем её длину
        var distance = polyline.geometry.getDistance();
// выводим её в консоль
        console.log(distance);
// добавляем круг на карту, с центром в центре карты и радиусом найденным ранее
        circle = new ymaps.Circle([center,distance]);
        myMap.geoObjects.add(circle);
    }
// подписываемся на событие изменения размеров карты
    myMap.events.add('boundschange', drawCircle);
// отрисовываем круг при отрисовке карты
    drawCircle();

    正如上面正确指出的那样，这对于具有大缩放比例的地图非常有效。但是，如果你 otzumivatsya 到整个世界，那么问题就会开始。 https://jsfiddle.net/afsmt9Lx/

    • 2

相关问题