我无法在地图上显示Google地图标记。怎么了?这是一天的事情:(我做错什么了吗?请帮忙这真的很烦人,我是Angle的新手。我能够显示完整的地图,但没有显示标记:(
var appa = angular.module('appa',['firebase','uiGmapgoogle-maps']);
appa.controller('mainCtrl', function($firebaseObject,$scope) {
const rootRef = firebase.database().ref();
this.object = $firebaseObject(rootRef);
$scope.markers = [];
var mark =
{
lat: 51.2019053,
lng: 4.404418,
message: "I want to travel here!",
focus: true,
draggable: false
};
var marker = new google.maps.Marker(mark);
$scope.markers.push(marker);
console.log(mark);
$scope.map = {
center:
{
latitude: 51.219053, longitude: 4.404418 },
zoom: 14
};
});
<body ng-app="appa">
<div id="map_canvas" ng-controller="mainCtrl">
<ui-gmap-google-map center="map.center" zoom="map.zoom">
<marker>
<marker ng-repeat=" pos in markers" position="{{pos.lat}},{{pos.lng}}"></marker>
</ui-gmap-google-map>
</div>
最佳答案
完全不是专家,但是...
根据https://angular-ui.github.io/angular-google-maps/#!/api/marker的说法,您应该使用而不是,即使出现诸如之类的东西,您似乎也拥有一个用于内部标记的开放标记,其中包含另一个开放标记但这一次关闭。我指的是这一部分:
<marker>
<marker ng-repeat=" pos in markers" position="{{pos.lat}},{{pos.lng}}"></marker>
这不应该仅仅是:
<marker ng-repeat=" pos in markers" position="{{pos.lat}},{{pos.lng}}"></marker>
或根据文档:
<ui-gmap-marker
idKey='{expression}'
coords='{expression}'
click='{expression}'
options='{expression}'
events='{expression}'
control='{expression}'
>
</ui-gmap-marker>
?
关于javascript - 我无法显示Google map 标记,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/40984890/