bản đồ Google loại bỏ người đàn ông mặc định biểu tượng

Question

tôi đang sử dụng bản đồ google với dự án của tôi là bạn có thể xem tại đây (Demo)

ở phía trên bên trái, bạn có thể thấy biểu tượng con người và zoom tôi muốn loại bỏ biểu tượng con người và thiết lập trái zoom -top tôi nên làm gì đây? tôi đang sử dụng thư viện này js library và bạn có thể nhìn thấy thư viện khác trong liên kết (xem) nguồn bản demo [3]

Answer 1

này nên loại bỏ chế độ xem phố (người đàn ông) và điều khiển chảo:

var mapOptions = { 
    center: mapCenter, 
    zoom: 10, 
    panControl: false, 
    streetViewControl: false, 
    mapTypeId: google.maps.MapTypeId.ROADMAP  
}; 

Ví dụ của việc sử dụng tùy chọn Google Maps:

var map; 
function initialize() { 
    var mapOptions = { 
    zoom: 8, 
    center: new google.maps.LatLng(-34.397, 150.644), 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    map = new google.maps.Map(document.getElementById('map-canvas'), 
     mapOptions); 
} 
google.maps.event.addDomListener(window, 'load', initialize); 

Answer 2

tôi hy vọng bạn làm việc

function initialize() { 
    var mapOptions = { 
    zoom: 8, 
    center: new google.maps.LatLng(-34.397, 150.644), 
    disableDefaultUI: true, //disables controls 
    zoomControl: true,  //zoom control enables 
    zoomControlOptions: { 
    style: google.maps.ZoomControlStyle.LARGE, //enables the dimension 
    position: google.maps.ControlPosition.TOP_RIGHT //position enables 
    }, 

    mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    map = new google.maps.Map(document.getElementById('map-canvas'), 
    mapOptions); 
    } 

Answer 3

Các câu trả lời ở trên không đáp ứng được câu hỏi của bạn. Hãy thử điều này gây ra công việc của nó cho tôi để vô hiệu hóa biểu tượng con người.

mapTypeControl:false, 
scaleControl:false, 
streetViewControl:false, 
overviewMapControl:false, 
rotateControl:false, 

nếu bạn muốn loại bỏ tất cả sau đó sử dụng này:

mapTypeControl: false, 
disableDefaultUI: true, 

nếu bạn muốn phong cách màu sắc bản đồ, hãy thử này:

var mapStyles = [ {"featureType":"road","elementType":"labels","stylers":[{"visibility":"simplified"},{"lightness":20}]},{"featureType":"administrative.land_parcel","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"landscape.man_made","elementType":"all","stylers":[{"visibility":"on"}]},{"featureType":"transit","elementType":"all","stylers":[{"saturation":-100},{"visibility":"on"},{"lightness":10}]},{"featureType":"road.local","elementType":"all","stylers":[{"visibility":"on"}]},{"featureType":"road.local","elementType":"all","stylers":[{"visibility":"on"}]},{"featureType":"road.highway","elementType":"labels","stylers":[{"visibility":"simplified"}]},{"featureType":"poi","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"road.arterial","elementType":"labels","stylers":[{"visibility":"on"},{"lightness":50}]},{"featureType":"water","elementType":"all","stylers":[{"hue":"#3b5998"},{"saturation":30},{"lightness":49}]},{"featureType":"road.highway","elementType":"geometry","stylers":[{"hue":"#3b5998"}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"hue":"#3b5998"}]}, {featureType:'road.highway',elementType:'all',stylers:[{hue:'#3b5998'},{saturation:-92},{lightness:60},{visibility:'on'}]}, {featureType:'landscape.natural',elementType:'all',stylers:[{hue:'#3b5998'},{saturation:-71},{lightness:-18},{visibility:'on'}]}, {featureType:'poi',elementType:'all',stylers:[{hue:'#3b5998'},{saturation:-70},{lightness:20},{visibility:'on'}]} ]; 

thay đổi thuộc tính màu # như bạn muốn , sau đó đặt kiểu này vào bản đồ của bạn:

mapTypeId: google.maps.MapTypeId.ROADMAP, 
zoom: 9, // optional based on your requirement 
styles: mapStyles 

Nếu bạn muốn tạo kiểu cho biểu tượng, hãy đặt biểu tượng này:

marker = new google.maps.Marker({ 
icon: "/images/icon/marker123.png", // based on your dir file 
position: point, // based on your srcipt selection 
map: map 

Hy vọng điều này hữu ích cho người khác. :)

Answer 4

để tắt biểu tượng người đàn ông, bạn có thể đặt streetViewControl thành sai trong tùy chọn bản đồ của bạn.

streetViewControl: false