2012-02-21 50 views
7

Tôi đã đặt bản đồ tùy chỉnh png trên bản đồ google. Tôi đã xóa mọi thứ khỏi bản đồ google để chỉ hiển thị bản đồ tùy chỉnh của tôi. Màu nền là một màu xanh nhạt và tôi muốn đổi nó thành màu trắng. Đây là mã:Bản đồ google api v3 màu nền

function initialize() { 

    var myLatLng = new google.maps.LatLng(39, -98.5); 
    var myOptions = { 
    maxZoom: 4, 
    minZoom: 4, 
    zoom: 4, 

    panControl: false, 
    draggable: false, 
     center: myLatLng, 
    disableDefaultUI: true, 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
    backgroundColor: '#FFFFFF' 
    }; 

    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
    var mapStyles = [ 
    { 
    featureType: "all", 
    stylers: [ 
     { visibility: "off" }] 
    }]; 

map.setOptions({styles: mapStyles}); 
} 

Nó chỉ nhấp nháy màu trắng rồi chuyển sang màu xanh lam nhạt. Làm cách nào để đặt màu trắng hoặc trong suốt?

Trả lời

8

mặc dù bạn đã xóa mọi thứ vẫn còn có các ô trống.

Bạn có thể cố gắng để che giấu những gạch, CSS sau đây làm việc cho tôi:

/*the desired background for the map*/ 
#map_canvas{background-color:#fff !important} 

    /*hides the tiles (and maybe more^^)*/ 
#map_canvas div div div div div div img{visibility:hidden} 
+0

Cảm ơn mà làm việc. – rstewart

+0

Tuyệt vời, cảm ơn vì điều này – Gaelen

11

Bạn chỉ có thể thiết lập backgroundColor: 'none'

var map = new google.maps.Map(document.getElementById('map'), { 
    zoom: 11, 
    center: {lat: 41.876, lng: -87.624}, 
    backgroundColor: 'none' 
    }); 
+0

tại sao google thêm màu bg ngớ ngẩn này – SuperUberDuper

Các vấn đề liên quan