Masquitos's questions

如何使自制的 Yandex 地图标签居中？同事们，我正在创建一个带有任意图片（svg）的标签。我在圆圈的中心做了一个标记。放大时，标记开始滑出圆圈，看起来不太好。见截图。如何使标签始终位于圆心？

    const placemark = new this.yaMap.Placemark(position.coordinates, {}, {
  // Опции.
  // Необходимо указать данный тип макета.
  iconLayout: "default#image",
  // Своё изображение иконки метки.
  iconImageHref: "../../../assets/images/map_center.svg",
  // Размеры метки.
  iconImageSize: [50, 50]
});
this.myMap.geoObjects.add(placemark);


<svg width="34" height="48" viewBox="0 0 34 48" fill="none" xmlns="http://www.w3.org/2000/svg">

几乎居中 svg

滑下来

Yandex Maps 如何绘制整个世界？也就是说，你需要画一个与整个世界一样大的矩形。这是行不通的。

myGeoObject = new ymaps.GeoObject({
    // Геометрия = тип геометрии + координаты геообъекта.
    geometry: {
        // Тип геометрии - прямоугольник.
        type: 'Rectangle',
        // Координаты.
        coordinates: [[-179, -79],[179, 79]]
    },
    // Свойства.
    properties: {
        hintContent: 'Перетащи меня!',
        balloonContent: 'Прямоугольник 2'
    }
}, {
    // Опции.
    // Объект можно перетаскивать.
    draggable: true,
    // Цвет и прозрачность заливки.
    fillColor: '#ffff0022',
    // Цвет и прозрачность границ.
    strokeColor: '#3caa3c88',
    // Ширина линии.
    strokeWidth: 7
});

如何绘制带有阴影外部区域的圆圈？

1. 在地图上画一个半径为 R 的圆
2. 我们在圆圈后面的区域上绘画。

地图在一个正方形 div 50% 50% 我这样计算圆的半径： 1) 确定地图的中心和它上面的顶点。2）我采取这些点之间的距离。这个距离取决于变焦。这是代码：

public calculateRadius() {
    // находим центр карты и координаты её углов
    const bounds = this.myMap.data.getBounds();
    const center = this.myMap.data.getCenter();
    // получаем точку лежащую справа по центру
    const rightPoint = [center[0], bounds[1][1]];
    const radius = this.myMap.yaMap.data.coordSystem.geo.getDistance(
      center,
      rightPoint
    );
    console.log("currRadius", radius);
    const _position = _.cloneDeep(this.position);
    _position.radius = radius;
    this.positionChange.emit(_position);
  }

现在我需要进行反向转换。我得到了距离，我们如何设置相应的缩放？

请告诉我，我可以将 yandex 地图作为静态地图上传到我的服务器，然后分发给客户端。这样库的下载不通过 Yandex 服务器，而是通过我的？自然，这张地图将在我的 api 密钥下。

标签未显示在我使用角度的 objectManager yandex 地图中

1. 在服务中加载地图
2. 我在一个孩子中创建了一个地图和一个对象管理器，将一个对象管理器添加到地图中
3. 我通过 EventEmitter 将地图传递给父级。
4. 家长上传数据
5. 数据来自父级给objectmanager加分
6. 地图上什么也没有发生。

也许问题在于访问 objectmanager ，如何检查？

创建地图

     private initMap() {
        const self = this;
        // TODO ExpressionChangedAfterItHasBeenCheckedError
        self.myMap = new self.yamapsModel.data.Map(
          "map",
          {
            center: self.currPosition.coordinates,
            zoom: 19,
            controls: ["fullscreenControl", "geolocationControl"]
          },
          {
            yandexMapDisablePoiInteractivity: true,
            suppressMapOpenBlock: true
          }
        );

        // Выставляем опцию для определения положения по ip если не переданы координаты
        if (!this.currPosition.coordinates) {
          self.yamapsModel.data.geolocation
            .get({
              // Карта автоматически отцентрируется по положению пользователя.
              mapStateAutoApply: true
            })
            .then(function(result) {
              self.myMap.geoObjects.add(result.geoObjects);
            });
        }

        // Рисуем метку в центре карты
        const style = self.myMap.panes.get("events").getElement().style;
        style.background = 'url("assets/images/mapcenter.png") no-repeat center';
        style.backgroundSize = "100px";

        // Берем координаты карты при смене ее центра
        self.myMap.events.add("boundschange", function(e) {
          self.calculateRadius();
          if (self.isSetRadius) {
            const newZoom = e.get("newZoom");
            const oldZoom = e.get("oldZoom");
            if (newZoom !== oldZoom) {
              console.log("zoom changed");
              //self.currPosition.radius = null;
            }
            // чтобы не прыгал центр карты в первый раз т.к не было смещения
            if (self.currPosition.radius) {
              console.log("set center");
              self.myMap.setCenter(self.currPosition.coordinates);
            }
          } else {
            const coordinates = self.myMap.getCenter();
            self.currPosition.coordinates = coordinates;
          }
        });

        // Создаем objectManager
        const objectManager = new this.yamapsModel.data.ObjectManager({
          // Чтобы метки начали кластеризоваться, выставляем опцию.
          clusterize: true,
          // ObjectManager принимает те же опции, что и кластеризатор.
          gridSize: 32,
          clusterDisableClickZoom: true
        });
        this.myMap.geoObjects.add(objectManager);
      }

标签绘图

     showPoints(): void {
        if (!this.myMap) {
          console.error("myMap doesnt exist");
          return;
        }
        this.hidePoints();

        const points = {
          type: "FeatureCollection",
          features: []
        };

        this.tasks.forEach((element: VmFindTask) => {
          points.features.push({
            type: "Feature",
            id: points.features.length,
            geometry: {
              type: "Point",
              coordinates: element.data.coordinates
            },
            properties: {
              hintContent: Parser.getTaskHint(element.data.body),
              balloonContent: element.data.body
            }
          });
        });
        console.log("showPoints", points);
        console.log("objectManager", this.myMap.geoObjects.get(0));
        this.myMap.geoObjects.get(0).add(points);
      }```

您能告诉我如何保护地图 API 密钥吗？正确地，我理解关键在于我网站的开放形式。并且可以通过网站的源代码找到/查看。我正在使用 Angular 6。也就是说，任何人都可以复制我的付费密钥并使用它。我怎样才能避免这种情况，或者我误解了什么？

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

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

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

如何在 Angular 5 中连接 yandex 地图？我试图制作一个组件。但是在浏览器中使用会报错ng --open：ERROR TypeError: Cannot read property 'ready' of undefined 显然没有初始化ymaps如何加载呢？

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-yamaps',
  templateUrl: './yamaps.component.html',
  styleUrls: ['./yamaps.component.css']
})
export class YamapsComponent implements OnInit {
  ymaps: any;
  myCoordinates: any;
  myMap: any;
  myPlacemark: any;
  closeMapButton: any;

  constructor() { }

  ngOnInit() {
    this.ymaps.ready().then(
      () => {
        this.myMap = new this.ymaps.Map("map", {
          center: [37.5468326405449, 55.6623162095321],
          zoom: 15,
          controls: ['fullscreenControl', 'geolocationControl']
        }, {
            yandexMapDisablePoiInteractivity: true,
            suppressMapOpenBlock: true
          });

        //Создаем кнопку на карте
        this.closeMapButton = new this.ymaps.control.Button({
          data: {
            content: "Закрыть карту"
          },
          options: {
            maxWidth: [170, 400, 600]
          }
        });

        // Задает кнопку кликом
        this.myMap.events.add('click', function (e) {
          if (this.myPlacemark == null)
            this.myPlacemark = new this.ymaps.Placemark([], {});
          this.myMap.geoObjects.add(this.myPlacemark);
          var position = e.get('coords');
          this.myPlacemark.geometry.setCoordinates(position);
          this.myCoordinates = this.myPlacemark.geometry.getCoordinates();
          document.getElementById('sendDataToServer').removeAttribute("disabled");
        });

        this.ymaps.geolocation.get({
          // Выставляем опцию для определения положения по ip
          //provider: 'yandex',
          // Карта автоматически отцентрируется по положению пользователя.
          mapStateAutoApply: true
        }).then(function (result) {
          this.myMap.geoObjects.add(result.geoObjects);
          this.myPostition = result.geoObjects.position;
        });
      });
  }
}

请告诉我如何在yandex地图的中心始终显示气球？例如，在 yandex 出租车中。详见附件。这样在更改地图时，气球总是在地图的中心： 一个例子是here

请给我纯javascript中闪烁框架的代码。我找不到任何地方。

你能告诉我公共方法在Android中是如何调用的吗？我不明白。如果你读过关于java的文献，那么方法必须通过一个对象来调用，例如“object.method”。但是在android中，只描述公共方法就足够了，它会被自己调用，如下面的例子所示。你能告诉我是谁调用了这个方法onCreateOptionsMenu吗？这个方法的调用在哪里指定？他为什么自愿？在哪里阅读它？

public class MainActivity extends Activity 
{


    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
    }

    public boolean onCreateOptionsMenu(Menu menu)
    {
        // TODO Auto-generated method stub
        menu.add("menu1");
        menu.add("menu2");
        menu.add("menu3");
        menu.add("menu4");

        return super.onCreateOptionsMenu(menu);
   } 
}