У меня есть самая простая карта Google, встроенная в мой сайт, и это то, с чем я закончил, когда я включил google maps api в и написал этот фрагмент кода во внешнем скрипте, который я включаю в after API карт Google:Google map действующий странный
Я ничего не могу с этим сделать (увеличение или уменьшение, перемещать взгляд с помощью мыши ..) для переключения между картой и спутниковым исключением. Когда я вставляю тот же самый код в w3schools «Попробуйте сами», все работает отлично.
JavaScript:
function initialize() {
var mapCanvas = document.getElementById('map');
var mapOptions = {
center: new google.maps.LatLng(45.1676, 14.7589),
zoom: 10,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map=new google.maps.Map(mapCanvas, mapOptions);
var marker=new google.maps.Marker({
position:myCenter,
animation:google.maps.Animation.BOUNCE
});
marker.setMap(map);
}
google.maps.event.addDomListener(window, 'load', initialize);
Не знаю, если он должен сделать что-нибудь с моими настройками CSS, но я не могу вставить код здесь потому что это довольно большой.
Спасибо за любые предложения
Как выглядит ваш html? – code
https://jsfiddle.net/nttaLvqs/ Это основное расположение моей страницы. От до этого больше секционных тегов с собственными divs, и я не думаю, что это не имеет значения. Однако #contact_left_side и #contact_right_side настроены на float: left и #content_wrapper настроены на переполнение: скрытые, чтобы они были обернуты вокруг них. Возможно, это вызывает все проблемы. –
Кнопки карты/спутника выглядят как проблема css. Вам, вероятно, придется пройти через ваши стили и изолировать правило, которое вызывает это, т.е. сделать его более конкретным, чем бы то ни было в вашем макете, что он должен быть стилем. Что касается невозможности перетащить/масштабировать, проверьте консоль на ошибку JS. – brian