Làm cách nào để bạn tạo Marker với biểu tượng tùy chỉnh cho google maps API v3?

Question

Tôi đã đọc https://developers.google.com/maps/documentation/javascript/overlays một lúc và tôi dường như không thể có biểu tượng tùy chỉnh cho bản đồ của tôi hoạt động.

Đây là javascript của tôi:

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); 
    } 
} 

Bất kỳ con trỏ cho người mới bắt đầu hoàn chỉnh với gmaps?

Answer 1

• demo: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 
    }); 

• LƯU Ý:https://developers.google.com/maps/documentation/javascript/overlays#Icons

Answer 2

Hãy thử

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

---

từ đây

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

Symbol Bạn Muốn vào màu bạn muốn!

tôi đang tìm kiếm câu trả lời này trong nhiều ngày và ở đây nó là quyền và cách dễ dàng để tạo ra một điểm đánh dấu tùy chỉnh:

'http://chart.googleapis.com/chart?chst=d_map_pin_letter&chld=xxx%7c5680FC%7c000000&.png' nơi xxx là nội dung và 5680fc là mã thập lục phân màu nền và 000000 là mã màu hệ thập lục phân của văn bản.

Điểm đánh dấu là hoàn toàn năng động và bạn có thể tạo bất kỳ biểu tượng bong bóng nào bạn muốn. Chỉ cần thay đổi URL.