无法在Angular 2中的Google Maps上设置ZoomControloptions



首先,我得到了本机Google Maps元素,因为据我所知,Angular 2 API不会公开它。看起来像下面的代码,正常工作:

import { GoogleMapsAPIWrapper } from 'angular2-google-maps/core';
constructor(public mapApiWrapper: GoogleMapsAPIWrapper ) {}
this.mapApiWrapper.getNativeMap().then((map)=> {}

所有这些都很好,我能够在本机地图元素上设置选项,例如,下面的代码工作:

    let position: any = new google.maps.LatLng(45.521, -122.677);
    map.setOptions({
      zoom: 1,
      center: position
    });

但是,当我尝试设置mapOptions并通过ZoomControloptions移动缩放控件时,我会遇到很多错误。我尝试的是:

    let zoomControlOptions: any = new google.maps.zoomControlOptions({
      style: google.maps.ControlPosition.small,
      position: google.maps.ControlPosition.LEFT_CENTER
    });

这扔了:

typeerror:google.maps.zoomcontroloptions不是构造函数

如果我尝试这样做:

    map.setOptions({
      zoom: 1,
      center: position,
      zoomControlOptions: {
        style: google.maps.ControlPosition.small,
        position: google.maps.ControlPosition.LEFT_CENTER
      }
    });

它投掷:

类型的参数'{Zoom:number;中心:任何;Zoomcontroloptions:{ 样式:任何;位置:任何;};}'不能分配给参数 键入" mapoptions"。对象文字只能指定已知属性, 和" zoomcontroptions"类型中不存在'mapoptions'

我目前已经迷路了,因为我看到 MapOptions在文档中使用了 zoomControlOptions arg ...

当您直接操纵本机地图时,您在Angular2-Google-Maps Universe外面。

编辑

#1的先前答案是错误的,似乎没有比ZoomControloptions构造函数的东西。创建一个对象词汇正常。

let zoomControlOptions: any = new {
  style: google.maps.ControlPosition.small,
  position: google.maps.ControlPosition.LEFT_CENTER
);

至于第2期,周围(此处和此处)始终将ZoomControloptions与ZoomControl一起设置:true

相关内容

  • 没有找到相关文章

最新更新