使用angular4集成谷歌地图,无需任何包裹。

时间:2017-10-31 10:41:00

标签: angular google-maps

我必须尝试与任何软件包进行谷歌地图集成。我的要求是: - 单击此区域下的地图,使用一个邮政编码选择所有区域。该地区是一个亮点。

Component.ts: -

declare var google: any;
ngOnInit() {
let markers : any = [];
  let Latlng = new google.maps.LatLng(40.713956, -74.006653);;
  let mapProp = {
       center: Latlng,
       zoom: 5,
       mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  this.map = new google.maps.Map(document.getElementById("gmap"), mapProp);

  google.maps.event.addListener(this.map, 'click', function(event) {
     let marker = new google.maps.Marker({
          position: event.latLng,
          map: this.map
     });
     markers.push(marker);
     console.log(markers);
     console.log(event.latLng);
  });
}

Component.html: -

<div id="gmap"></div>

Component.sccs: -

#gmap {
 height: 300px;

}

请告诉我们这是怎么可能的。

1 个答案:

答案 0 :(得分:0)

也许您可以查看文档?一切都得到了非常彻底的解释,即使它是JS,你也可以在打字稿中使用它。

Here is the documentation for embed maps

Here is the documentation for Javascript maps