如何使用谷歌地图根据获取的经纬度定位地图

Question

我已经使用 placeAPI 来获取纬度和经度并尝试将其与地图绑定，但是我遇到了问题，因为找不到空的 gmapElement。 我在这里粘贴我的演示。

在这里，我使用了placesAPI 来获取纬度和经度值，并且我将这些值指定为纬度和经度，但我希望这些纬度和经度值也能够通过给定的地址获取纬度和经度值。

TS：

var map = new window['google'].maps.Map(this.gmapElement.nativeElement, {
  center: {lat: -33.867, lng: 151.195},
  zoom: 8
});
var request = {
  query:geoAddress,
  fields: ['name', 'geometry'],
};

错误：

Cannot read property 'gmapElement' of null

HTML：

<div class="row mt-5" [hidden]="!map">
                            <div class="col-md-9 mx-auto">
                                <h2 class="text-left">Google Map</h2>
                                <div class="card mt-3">
                                    <div class="card-body">
                                        <div #mapRef style="width:100%;height:400px"></div>
                                    </div>
                                </div>
                            </div>
                        </div>

演示

Answer 1

我已经解决了你的问题。 并创建了演示，请检查并验证。 您在 service.findPlaceFromQuery() 函数中的 this 范围发生了变化，因此您收到了该错误。

已解决问题演示