[英]Google Maps Marker Pin Not Showing
我的Google地圖小部件存在問題,我的實際網站上沒有顯示標記,但是當我將代碼放入Codepen時顯示該標記。
Codepen:
http://codepen.io/anon/pen/LxLprp
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD2X6alsV0XdrvNoB4HCEBxNn9VgQYniII"></script>
<script>
function initialize() {
var mapCanvas = document.getElementById('map');
var mapOptions = {
center: new google.maps.LatLng(51.632566, -0.175259),
zoom: 17,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(mapCanvas, mapOptions)
var marker = new google.maps.Marker({
position: {lat: 51.632566, lng: -0.175259},
map: map,
title: 'Test'
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
<div id="map" style="height: 300px; width: 300px"></div>
直播網站:
有人可能知道這里有什么問題嗎? 控制台不顯示任何錯誤。
謝謝。
#pix-fe .global-html .html-content * {
max-width: 100%;
}
從您的頁面中刪除此CSS規則,它將工作...
如果您試圖隱藏地圖中的某些功能,請不要使用CSS。 使用地圖選項執行此操作。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.