谷歌地图不显示缩放控件
谷歌地图不显示缩放控件
提问于 2012-06-23 19:37:27
我正在使用gmaps.js插件http://hpneo.github.com/gmaps/
滑动缩放控件和InfoWindow无法显示，并且在显示时出现一些问题。链接：http://bakasura.in/startupsradar/index.html
// 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>'
}
});
});回答 2
Stack Overflow用户
回答已采纳
发布于 2012-06-23 20:01:43
Bootstrap与地图渲染冲突
添加这些CSS行确实起到了作用
/* Bootstrap Css Map Fix*/
#mainBody #map img {
max-width: none;
}
/* Bootstrap Css Map Fix*/
#mainBody #map label {
width: auto; display:inline;
} Stack Overflow用户
发布于 2013-07-09 05:12:31
我以前有过这种情况，这是我自己的一些CSS覆盖了地图中的一些值。我建议检查所有应用于img标签的样式。特别是全局设置为图像的宽度值。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11169198
复制相关文章
相似问题