Google Map標記偏移量

Question

我正在使用Google Maps版本3。我想顯示一個方形標記。 目前，谷歌顯示如下圖所示。 即，該點位於標記的底部。 我的標記是假設20px X 20px。 目前，谷歌顯示它在紅​​點。

現在，我需要稍微向下顯示標記。 即，點不應該在底部，而應該在中間。 如下圖所示。

我已經嘗試過，anchor，anchorPosition，anchorPoint，仍然沒有運氣。

誰能指出我的確切方法？

編輯下面是我的代碼，

icon = {
               url: "/app/image/map_pin/marker-90.png",
               size: new google.maps.Size(32, 33),
               origin: new google.maps.Point(0, 0),
               anchor: new google.maps.Point(50,50)

           }


this.makeMarker(this.map,LatLong, icon);


makeMarker(map: any, lat: number, lng: number, icon: string) {
       new google.maps.Marker({
           map: map,
           icon: icon,
           animation: google.maps.Animation.DROP,
           position: { lat: lat, lng: lng }
       });
   }

我嘗試了位於印度古吉拉州艾哈邁達巴德的經緯度lat: 23.038645, lng: 72.511895 。 但是縮小之后是阿富汗的重點。

Answer 1

根據文檔 ，這有效：

var icon = {
  url: "http://i.stack.imgur.com/FhryS.png", // 20px x 20px icon
  // size: new google.maps.Size(20, 20),    // size of icon is 20px x 20px (so this isn't required)
  // origin: new google.maps.Point(0, 0),   // this is the default and isn't needed
  anchor: new google.maps.Point(10, 10)  // anchor is in the center at 10px x 10px
}

 function initialize() { var map = new google.maps.Map( document.getElementById("map_canvas"), { center: new google.maps.LatLng(37.4419, -122.1419), zoom: 13, mapTypeId: google.maps.MapTypeId.ROADMAP }); var icon = { url: "http://i.stack.imgur.com/FhryS.png", anchor: new google.maps.Point(10, 10) }; makeMarker(map, map.getCenter().lat(), map.getCenter().lng(), icon); } google.maps.event.addDomListener(window, "load", initialize); function makeMarker(map, lat, lng, icon) { new google.maps.Marker({ map: map, icon: icon, animation: google.maps.Animation.DROP, position: { lat: lat, lng: lng } }); } 

 html, body, #map_canvas { height: 100%; width: 100%; margin: 0px; padding: 0px } 

 <script src="https://maps.googleapis.com/maps/api/js"></script> <div id="map_canvas"></div>