首先,我得到了本机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