谷歌地圖JS API v3保持在頂部

我已經添加了一個谷歌地圖JS API到我的網站與一些自定義標記。一切都很好，但是當我第一次加載頁面時，頁面會向下滾動到地圖上，但我希望它保持在最上面。谷歌地圖JS API v3保持在頂部

我已經完成了我的研究，但我還沒有看到任何其他人有這個問題。

這裏是代碼和頁面的鏈接。

http://clusier-new.copemanweb.ca/index.php/en/a-propos/contact.html

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false"></script> 
<script type="text/javascript">// <![CDATA[ 
     var map; 
     var map2; 
     var MY_MAPTYPE_ID = 'custom_style'; 

     function initialize() { 
      var featureOpts = [ 
      { 
       stylers: [ 
       { "saturation": -100 }, 
       ] 
      } 
      ]; 
      var styledMapOptions = { 
      name: 'Clusier Style' 
      }; 
      var image = 'http://127.0.0.1/clusier-new/media/wysiwyg/marker.png'; 

      var McGill = new google.maps.LatLng(45.500677,-73.561092); 
      var mapOptions = { 
      zoom: 16, 
      center: McGill, 
      mapTypeControlOptions: { 
       mapTypeIds: [google.maps.MapTypeId.ROADMAP, MY_MAPTYPE_ID] 
      }, 
      mapTypeId: MY_MAPTYPE_ID 
      }; 
      map = new google.maps.Map(document.getElementById('McGill'), 
       mapOptions); 
      var myLatLng = new google.maps.LatLng(45.500417,-73.558087); 
      var beachMarker = new google.maps.Marker({ 
       position: myLatLng, 
       map: map, 
       icon: image 
      }); 
      var customMapType = new google.maps.StyledMapType(featureOpts, styledMapOptions); 
      map.mapTypes.set(MY_MAPTYPE_ID, customMapType); 

      var Stanley = new google.maps.LatLng(45.500700,-73.578764); 
      var mapOptions = { 
      zoom: 16, 
      center: Stanley, 
      mapTypeControlOptions: { 
       mapTypeIds: [google.maps.MapTypeId.ROADMAP, MY_MAPTYPE_ID] 
      }, 
      mapTypeId: MY_MAPTYPE_ID 
      }; 
      map2 = new google.maps.Map(document.getElementById('Stanley'), 
       mapOptions); 
      var myLatLng = new google.maps.LatLng(45.500455,-73.575877); 
      var beachMarker = new google.maps.Marker({ 
       position: myLatLng, 
       map: map2, 
       icon: image 
      });   
      map2.mapTypes.set(MY_MAPTYPE_ID, customMapType); 
     } 
     google.maps.event.addDomListener(window, 'load', initialize); 
// ]]></script> 
<div id="visit-us"> 
<div><img src="{{media url="wysiwyg/contact-us-mcgill.jpg"}}" alt="Visit Us McGill" /> 
<p><span class="DINMedium">Boutique McGill</span><br />432 Rue McGill<br /> Montr&eacute;al, QC<br />H2Y 2G1<br /><br /> <span class="DINMedium">514-842-1717</span></p> 
<div id="McGill">&nbsp;</div> 
</div> 
<div><img src="{{media url="wysiwyg/contact-us-stanley.jpg"}}" alt="Visit Us Stanley" /> 
<p><span class="DINMedium">Boutique Stanley</span><br />2041 Rue Stanley<br /> Montr&eacute;al, QC<br />H3A 1R7<br /><br /> <span class="DINMedium">514-844-3988</span></p> 
<div id="Stanley">&nbsp;</div> 
</div>

感謝您的幫助，

Cope99

來源

2013-10-08 Cope99

你可能在[Magento的堆棧交換頁面]（http://magento.stackexchange.com/）上運氣更好。 – Andy

這不是地圖的API的一個問題，因爲安迪說，這涉及到Magento的。頁面沒有滾動至地圖，您的聯繫形式將側重：

var contactForm = new VarienForm('contactForm',true);

設置第二個參數爲false（當它true形式將集中）。

來源

2013-10-08 18:42:30

谷歌地圖JS API v3保持在頂部

回答

相關問題