Trả lời

3

Nếu bạn không muốn sử dụng biểu tượng tùy chỉnh cho mỗi điểm đánh dấu thì tôi khuyên bạn nên xem xét việc tạo lớp nhãn với Lớp phủ và sau đó ràng buộc vị trí với điểm đánh dấu.

Hoặc bạn có thể xem xét sử dụng một cái gì đó như: http://github.com/nmccready/google-maps-utility-library-v3-infobox

+0

Liên kết bị hỏng. May mắn là repo đã được sao chép sang GitHub: https://github.com/nmccready/google-maps-utility-library-v3-infobox –

1

Tôi nghĩ rằng một giải pháp tốt hơn là sử dụng một infoWindow. Một cái gì đó như thế này:

$(document).ready(function() { 
    var golfoMexico = new google.maps.LatLng(20.61536,-87.078975); 
    var settings = { 
     zoom: 18, 
     center: golfoMexico, 
     mapTypeControl: true, 
     mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}, 
     navigationControl: true, 
     navigationControlOptions: {style: google.maps.NavigationControlStyle.ZOOM_PAN}, 
     mapTypeId: google.maps.MapTypeId.HYBRID 
    }; 

    var map = new google.maps.Map(document.getElementById("map_canvas"), settings); 
    var pos1= new google.maps.LatLng(20.61536,-87.078975); 
    var infowindow = new google.maps.InfoWindow({ 
      content: "Casa Stavola F8 II" 
     }); 
    var companyMarker = new google.maps.Marker({ position: pos1, map: map,title:"Casa Stavola F8 II", visible:true}); 
    infowindow.open(map,companyMarker); 
});