Javascript 谷歌地图市场指令

我正在尝试为标记创建一个指令

    angular.module("App").directive('marker', function () {
      var marker = new google.maps.Marker({
        map: map.map,
        position: new google.maps.LatLng(48.6908333333, 9.14055555556),
        title: 'Marker'
      });

      marker.setMap(map.map);
      return {
        restrict: 'E',
        scope: {
          map: '=map'
        },
        template: '{{marker}}'
     };
    });

我在一个控制器中初始化了谷歌地图

var map = new google.maps.Map(document.getElementById("map"), myOptions);

和HTML：

<marker map="map"></marker>

地图加载，但标记不加载