Question

我面临着一种奇怪的情况。在第一页加载时，以下代码正确显示给定坐标处的标记，并且地图正确居中：

<div class="paddingtop">
    <map data-ng-model="mymapdetail" zoom="11" center="{{item.coordinates}}" style="heigth:375px">
        <marker position="[{{item.coordinates}}]" icon="./images/i.png" />
      <control name="overviewMap" opened="true" />      
    </map>
</div>

您可能会注意到，在第一个标记中，我不包括方括号，它们包含在第二个标记（标记）中。这样，标记就会出现。

当我重新加载页面，或者我回到此页面时，标记不再存在。更确切地说，地图是正确居中的，但是地球上的标记处于完全不同的位置（在非洲，而不是在迈阿密或其他美国城市）。

如果我在两个（中心和位置）都包含括号，我会将地图放在非洲以及标记（这意味着出现问题，就像我打印出他们在美国某处找到的坐标一样）。

此代码有什么问题？

为了完整起见，我可以说这段代码正常工作：

<map data-ng-model="mymap" zoom="4" center="[38.50, -95.00]" style="heigth:375px">
    <div ng-repeat="item in items">
      <marker position="[{{item.coordinates}}]" icon="./images/i.png" on-click="showInfoWindow('mbar')" />          
        <info-window id="mbar" >
            <div>
                {{item.name}}
            </div>
        </info-window>
    </div>            
      <control name="overviewMap" opened="true" />
</map>`

Answer 1

删除方括号可以解决问题，但这会引入一个新问题。 AngularJS and Maps API: stop prompting for computer's location

重新加载页面后标记消失：AngularJS

1 个答案: