Question

我已经在我的网站上添加了一个Google Maps JS API，其中包含一些自定义标记。一切都很好，但是当我第一次加载页面时，页面会向下滚动到地图，但我希望它能保持在顶部。

我已经完成了我的研究，但我还没有看到其他人遇到这个问题。

以下是该页面的代码和链接。

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

Answer 1

这不是Maps-API的问题，因为Andy说它与Magento有关。该页面未滚动到地图，您的联系表格将会聚焦：

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

将第二个参数设置为false（当true表单将被聚焦时。）

Google Maps JS API v3保持领先

1 个答案: