角js:无法在google地图中添加标记
角js:无法在google地图中添加标记
提问于 2016-06-29 08:28:16
我试图在谷歌地图中添加一个标记，但不幸的是，它没有被添加。
地图上只有一个标记。
这是我的HTML：
<div ng-app="myApp" ng-controller="gMap">
<ui-gmap-google-map
center='map.center'
zoom='map.zoom' aria-label="Google map">
<ui-gmap-marker ng-repeat="marker in markers"
coords="marker.coords" options="marker.options" events="marker.events" idkey="marker.id">
<ui-gmap-window>
<div>{{marker.window.title}}</div>
</ui-gmap-window>
</ui-gmap-marker>
</ui-gmap-google-map>
</div>我的角度代码是这样的：
var myApp = angular.module('myApp', ['uiGmapgoogle-maps']);
myApp.controller("gMap",function($scope){
$scope.map = {
center: { latitude: 39.8282, longitude: -98.5795 },
zoom: 4
};
$scope.markers.id = "1";
$scope.markers.coords.latitude = "40.7903";
$scope.markers.coords.longitude = "-73.9597";
$scope.markers.window.title = "Manhattan New York, NY";
});Stack Overflow用户
回答已采纳
发布于 2016-06-29 08:46:41
稍微修改了代码，得到了结果。
var myApp = angular.module('myApp', ['uiGmapgoogle-maps']);
myApp.controller("gMap",function($scope){
$scope.map = {
center: { latitude: 39.8282, longitude: -98.5795 },
zoom: 4
};
$scope.marker = {
coords: { latitude: 39.8282, longitude: -98.5795 },
id: 4 ,
window: { title: "Manhattan New York, NY" }
};
});HTML变成了：
<div ng-app="myApp" ng-controller="gMap">
<ui-gmap-google-map
center='map.center'
zoom='map.zoom' aria-label="Google map">
<ui-gmap-marker
coords="marker.coords" options="marker.options" events="marker.events" idkey="marker.id">
<ui-gmap-window>
<div>{{marker.window.title}}</div>
</ui-gmap-window>
</ui-gmap-marker>
</ui-gmap-google-map>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38094204
复制相关文章
相似问题
腾讯云开发者
