如何使用Google Maps API v3的自定義圖標創建標記？

Question

我一直在閱讀https://developers.google.com/maps/documentation/javascript/overlays一段時間，我似乎無法獲得我的地圖工作的自定義圖標。

這裏是我的javascript：

var simplerweb = new google.maps.LatLng(55.977046,-3.197118); 
var marker; 
var map; 

function initialize() { 
    var myOpts = { 
     center: simplerweb, 
     zoom:  15, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOpts); 
    marker = new google.maps.Marker({ 
     map:  map, 
     draggable: true, 
     animation: google.maps.Animation.DROP, 
     position: simplerweb 
    }); 
    google.maps.event.addListener(marker, 'click', toggleBounce); 
} 

function toggleBounce() { 
    if (marker.getAnimation() != null) { 
    marker.setAnimation(null); 
    } else { 
    marker.setAnimation(google.maps.Animation.BOUNCE); 
    } 
} 

與gmaps一個初學者的任何指針？

Answer 1

• 演示：http://so.devilmaycode.it/how-do-you-create-a-marker-with-a-custom-icon-for-google-maps-api-v3

marker = new google.maps.Marker({ 
    map:map, 
    // draggable:true, 
    // animation: google.maps.Animation.DROP, 
    position: new google.maps.LatLng(59.32522, 18.07002), 
    icon: 'http://cdn.com/my-custom-icon.png' // null = default icon 
    }); 

• 注：https://developers.google.com/maps/documentation/javascript/overlays#Icons

Answer 2

嘗試

var marker = new google.maps.Marker({ 
     position: map.getCenter(), 
     icon: 'http://imageshack.us/a/img826/9489/x1my.png', 
     map: map 
    }); 

---

從這裏

https://developers.google.com/maps/documentation/javascript/examples/marker-symbol-custom

Answer 3

LatLng hello = new LatLng(X, Y);   // whereX & Y are coordinates 

Bitmap icon = BitmapFactory.decodeResource(getApplicationContext().getResources(), 
       R.drawable.university); // where university is the icon name that is used as a marker. 

mMap.addMarker(new MarkerOptions().icon(BitmapDescriptorFactory.fromBitmap(icon)).position(hello).title("Hello World!")); 

mMap.moveCamera(CameraUpdateFactory.newLatLng(hello)); 

Answer 4

符號您想對顏色你想！

我一直在尋找這個答案了幾天，這是正確的和簡單的方法來創建自定義標記：

「http://chart.googleapis.com/chart?chst=d_map_pin_letter&chld=xxx%7c5680FC%7c000000&.png」，其中xxx爲文本和5680fc爲背景的十六進制顏色代碼和000000是文本的十六進制顏色代碼。

這些標記是完全動態的，你可以創建任何你想要的氣球圖標。只需更改網址即可。