AngularJS NgMap按城市名称显示了错误的标记位置

Question

我试图根据this example放置简单的标记，但所有标记仅适用于静态城市。 “多伦多”。如果是动态城市，则将标记放置在世界地图的中心。

这是我的代码：

<div map-lazy-load="https://maps.google.com/maps/api/js">
                                    <ng-map zoom="11" center="{{vm.city}}">
                                        <marker position="{{vm.city}}"
                                                title="You are here"
                                                centered="true"
                                        ></marker>
                                    </ng-map>
                                </div>

我在做什么错了？

Answer 1

如果无法正确确定标记位置的地理坐标（lat，lng），这是预期的行为。

在标记位置指定了地址时，在场景后面利用Geocoding Service来解析lat,lng。在您的情况下，由于已超出status code，很可能会返回OVER_QUERY_LIMIT Geocoding API usage limits。

可能还有其他原因导致无法通过Geocoding API解析地址，但是基本上，如果状态代码返回的值不同于"OK"，则标记将显示在位置{lat:0,lng:0}