2012-06-23 44 views
16

Tôi đang sử dụng gmaps.js cắm http://hpneo.github.com/gmaps/Google Maps không hiển thị Phóng Controls

Các trượt zoom kiểm soát và InfoWindow không hiển thị và có một số vấn đề khi chúng hiển thị. Link: http://bakasura.in/startupsradar/index.html

enter image description here

// JavaScript Document 
$(document).ready(function() { 
    var map = new GMaps({ 
     div: '#map', 
     lat: 13.00487, 
     lng: 77.576729, 
     zoom: 13, 
    }); 

    GMaps.geolocate({ 
     success: function (position) { 
      map.setCenter(position.coords.latitude, position.coords.longitude); 
     }, 
     error: function (error) { 
      alert('Geolocation failed: ' + error.message); 
     }, 
     not_supported: function() { 
      alert("Your browser does not support geolocation"); 
     }, 
     always: function() { 
      //alert("Done!"); 
     } 
    }); 

    map.addControl({ 
     position: 'top_right', 
     text: 'Geolocate', 
     style: { 
      margin: '5px', 
      padding: '1px 6px', 
      border: 'solid 1px #717B87', 
      background: '#fff' 
     }, 
     events: { 
      click: function() { 
       GMaps.geolocate({ 
        success: function (position) { 
         map.setCenter(position.coords.latitude, position.coords.longitude); 
        }, 
        error: function (error) { 
         alert('Geolocation failed: ' + error.message); 
        }, 
        not_supported: function() { 
         alert("Your browser does not support geolocation"); 
        } 
       }); 
      } 
     } 
    }); 

    map.addMarker({ 
     lat: 13.00487, 
     lng: 77.576729, 
     title: 'Lima', 
     icon: "http://i.imgur.com/3YJ8z.png", 
     infoWindow: { 
      content: '<p>HTML Content</p>' 
     } 
    }); 

}); 
+0

Có thể một số giao diện CSS/JavaScript của riêng bạn với CSS/JavaScript của Maps? –

+1

@UweKeim yeah thats đặt cược tốt nhất. Tôi đang cố gắng để xem những gì được. –

+1

@UweKeim xóa tệp Bootstrap CSS hiển thị Bản đồ chính xác: (điều này thật điên rồ –

Trả lời

48

Bootstrap được mâu thuẫn với việc vẽ của Maps

Thêm những dòng này của CSS đã làm các trick

/* Bootstrap Css Map Fix*/ 
#mainBody #map img { 
    max-width: none; 
} 
/* Bootstrap Css Map Fix*/ 
#mainBody #map label { 
    width: auto; display:inline; 
} 
2

Tôi có điều này trước đây, đó là một số của CSS của riêng tôi ghi đè một số giá trị trong bản đồ. Tôi khuyên bạn nên kiểm tra tất cả các kiểu được áp dụng cho thẻ img. Đặc biệt là các giá trị độ rộng được đặt thành hình ảnh trên toàn cầu.

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