角度Google Maps自定義標記

Question

我很難讓自定義標記圖標可以與我的Google地圖設置一起使用。 我只需要一個標記，就可以確定我在工廠中傳遞的經度和緯度。 我不需要多個標記。

在我的控制器內：

var mapOptions = {
    panControl    : true,
    zoomControl   : true,
    scaleControl  : true,
    mapTypeControl: true,
    mapTypeId     : google.maps.MapTypeId.ROADMAP
};
$scope.map = ($scope,{
    center: {
        latitude: $scope.lat,
        longitude: $scope.long
    },
    zoom: 13,
    options: mapOptions,
    icon: '{url:"https://vacationcandy.com/assets/images/lollipin.png"}',
});
$scope.beachMarker = new google.maps.Marker({
    position: $scope.map.center,
    map: $scope.map,
    icon: '{url:"https://vacationcandy.com/assets/images/lollipin.png"}'
});
var updateCenter = function() {
    $scope.map.center.latitude= $scope.lat;
    $scope.map.center.longitude= $scope.long;
}
$scope.$watch('lat', function() {
    updateCenter();
});

這是我的HTML：

<ui-gmap-google-map center='map.center' zoom='map.zoom' id='map-canvas' icon='"beachMarker.icon"'></ui-gmap-google-map>

我嘗試了很多不同的方法，甚至在ui-gmap-google-map中使用google marker指令，但似乎無法正常工作。 我究竟做錯了什么？

Answer 1

您根本不添加標記嗎？ 嘗試一些方法（未經測試）：

<ui-gmap-google-map center="map.center" zoom="map.zoom" id="map-canvas">
  <ui-gmap-marker coords="map.center" icon="map.icon" idKey="1">
  </ui-gmap-marker>
</ui-gmap-google-map>

在嘗試破解文檔使其與網絡上的隨機示例配合使用之前，請先查看文檔 。 標記文檔非常清楚。