这一点.setValues不是一个函数谷歌地图API 3

我知道这个问题以前已经问过了，我已经遵循了一些答案，但似乎没有一个工作。最接近的是这个

地图标记不显示(JavaScript/Google Maps API V3)

但在这里我不知道他想做什么，尽管如此，我认为我的情况是不同的，它对我不起作用。所以，如果有人有任何建议，请告诉我。

function initialize() {
            var mapOptions = {
                zoom: 16,
                center: new google.maps.LatLng(52.5498783, 13.425209099999961),
                mapTypeId: google.maps.MapTypeId.SATELLITE
            };
            map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
            
            overlay = new DraggableOverlay(map,
                                           map.getCenter(),
                                           '<div class="overlay">drag me!</div>'
                      );
        }
        
        DraggableOverlay.prototype = new google.maps.OverlayView();
        DraggableOverlay.prototype.onAdd = function () {
            var container = document.createElement('div'),
                that = this;
            if (typeof this.get('content').nodeName !== 'undefined') {
                container.appendChild(this.get('content'));
            }
            else {
                if (typeof this.get('content') === 'string') {
                    container.innerHTML = this.get('content');
                }
                else {
                    return;
                }
            }
            container.style.position = 'absolute';
            container.draggable = true;
            google.maps.event.addDomListener(this.get('map').getDiv(),
                                             'mouseleave',
                                              function () {
                                                  google.maps.event.trigger(container, 'mouseup');
                                              }
            );
            google.maps.event.addDomListener(container,
                                             'mousedown',
                                         function (e) {
                                             this.style.cursor = 'move';
                                             that.map.set('draggable', false);
                                             that.set('origin', e);
                                             that.moveHandler = google.maps.event.addDomListener(that.get('map').getDiv(),
                                                                                                  'mousemove',
                                                                                                  function (e) {
                                                                                                      var origin = that.get('origin'),
                                                                                                          left = origin.clientX - e.clientX,
                                                                                                          top = origin.clientY - e.clientY,
                                                                                                          pos = that.getProjection()
                                                                                                                    .fromLatLngToDivPixel(that.get('position')),
                                                                                                          latLng = that.getProjection()
                                                                                                                    .fromDivPixelToLatLng(new google.maps.Point(pos.x - left,
                                                                                                                                                                pos.y - top));
                                                                                                      that.set('origin', e);
                                                                                                      that.set('position', latLng);
                                                                                                      that.draw();
                                                                                                  });
                                         }
           );
            google.maps.event.addDomListener(container, 'mouseup', function () {
                that.map.set('draggable', true);
                this.style.cursor = 'default';
                google.maps.event.removeListener(that.moveHandler);
            });
            this.set('container', container)
            this.getPanes().floatPane.appendChild(container);
        };
        function DraggableOverlay(map, position, content) {
            if (typeof draw === 'function') {
                this.draw = draw;
            }
            this.setValues({
                position: position,
                container: null,
                content: content,
                map: map
            });
        }
        DraggableOverlay.prototype.draw = function () {
            var pos = this.getProjection().fromLatLngToDivPixel(this.get('position'));
            this.get('container').style.left = pos.x + 'px';
            this.get('container').style.top = pos.y + 'px';
        };
        DraggableOverlay.prototype.onRemove = function () {
            this.get('container').parentNode.removeChild(this.get('container'));
            this.set('container', null)
        };
        google.maps.event.addDomListener(window, 'load', initialize);

html, body, #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px
      }
      .overlay{
        background:yellow;
        padding:30px;
        border:4px double black;
      }

<div id="map-canvas"></div>
    <script async defer
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD7FTNE22Wl6S6DTQF83sTZTqbFFPzEkmU&libraries=drawing,places,geometry&callback=initialize">
    
   </script>

你可以看到这里有两个问题

• Google未定义
• 。setValues不是一个函数

所以如果有人遇到这个问题请告诉我