Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/visual-studio-2008/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
将google地图与angular4集成,无需任何软件包。_Angular_Google Maps - Fatal编程技术网

将google地图与angular4集成,无需任何软件包。

将google地图与angular4集成,无需任何软件包。,angular,google-maps,Angular,Google Maps,我必须尝试谷歌地图与任何软件包的集成。我的要求是: 单击此区域下的地图,所有区域均选择一个邮政编码。这个区域是一个亮点 组件。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,

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

组件。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>
}


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

也许您可以看看文档?所有内容都解释得非常透彻,即使是JS,也可以在typescript中使用它


也许你可以看看文档?所有内容都解释得非常透彻,即使是JS,也可以在typescript中使用它


有什么问题吗?为什么不;你不想使用谷歌地图吗?因为我已经用过谷歌自动完成,而且我已经包含了脚本代码。此包显示多个错误。如果可以的话,请写一个代码。有什么问题吗?为什么不;你不想使用谷歌地图吗?因为我已经用过谷歌自动完成,而且我已经包含了脚本代码。此包显示多个错误。如果可以定制,请编写代码。
#gmap {
 height: 300px;