放大和缩小选项不显示

时间:2014-10-24 20:46:15

标签: javascript html css

放大和缩小选项正在地图上工作,但它不可见,它没有出现。有什么帮助吗?

以下是编码:(忽略JEVLOCATION_LAT / LON)

 <!DOCTYPE html> <html>   <head>
     <meta charset="utf-8">
     <style>
       html, body, #map-canvas {
         height: 100%;
         margin: 0px;
         padding: 0px
       }
     </style>
     <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
     <script> function initialize() {   var city = new google.maps.LatLng({{Latitude:JEVLOCATION_LAT}},
 {{Latitude:JEVLOCATION_LON}});   var mapOptions = {
     zoom: 14,
     center: city,
     mapTypeControl: true,
     mapTypeControlOptions: {
       style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
     },
     zoomControl: true,
     zoomControlOptions: {
       style: google.maps.ZoomControlStyle.SMALL
     }   };   var map = new google.maps.Map(
       document.getElementById('map-canvas'), mapOptions); var myLatlng = new google.maps.LatLng({{Latitude:JEVLOCATION_LAT}},{{Latitude:JEVLOCATION_LON}});
 var marker = new google.maps.Marker({   position: myLatlng,   map:
 map,   title:"" });   var panoramaOptions = {
     position: city,
     pov: {
       heading: 34,
       pitch: 10
     }   };   var panorama = new google.maps.StreetViewPanorama(document.getElementById('pano'),
 panoramaOptions);   map.setStreetView(panorama); }

 google.maps.event.addDomListener(window, 'load', initialize);

     </script>   </head>   <body>
     <div id="map-canvas" style="width: 400px; height: 300px"></div>
     <div id="pano" style="left:0px; top: 0px; width: 400px; height: 300px;"></div>

这是地图的图片:

http://i1382.photobucket.com/albums/ah268/Lucas_Maddox/mapzoomwontshow_zpscd0118c9.png

谢谢!

1 个答案:

答案 0 :(得分:0)

我对编码进行了更新,从谷歌获取,像复制和粘贴一样,并使用我需要添加的内容进行编辑。但地图上没有任何控件或标记,有什么帮助吗? http://juninarg.com/index.php/component/jevlocations/detail/3/1/biblioteca-publica-municipal-bernardino-rivadavia感谢您的时间,我阅读了您添加的所有帖子,这对我帮助很大