2016-04-04 77 views
1

我想將我的衛星按鈕定位到地圖的中心,但是不起作用。希望有人能在這裏協助。謝謝。谷歌地圖(mapTypeControlOptions)不起作用

function initialize() { 
    $(q).addClass('fmp_responsive_map'); 
    startMap(true); 

    var mapProp = { 
     mapTypeControl: true, 
     mapTypeControlOptions: { 
      style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR, 
      position: google.maps.ControlPosition.TOP_CENTER 
     }, 

     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 

    var map = new google.maps.Map(document.getElementById("map-canvas"),mapProp); 

    $('input[type="submit"], button[type="submit"]', $(y.searchForm)) 
     .on('click', function(a) { 
      a.preventDefault(); 
      var b = $(y.searchForm).attr("action"); 
      searchData(b) 
     }) 
} 
+0

請提供一個[最小,完整,已測試和可讀的示例](http://stackoverflow.com/help/mcve)來說明問題。 '未捕獲的ReferenceError:q未定義','Uncaught ReferenceError:startMap未定義',如果我修復了這些(並添加了所需的mapOptions,center和zoom),[發佈的代碼適用於我](http:// jsfiddle .net/geocodezip/hq71sp28 /)(地圖類型控件位於頂部中心位置) – geocodezip

回答

0

enter image description here 試過工作樣品發現here,並且修改了下面的代碼。

function initMap() { 
    var map = new google.maps.Map(document.getElementById('map'), { 
    zoom: 12, 
    center: {lat: -28.643387, lng: 153.612224}, 
    mapTypeControl: true, 
    mapTypeControlOptions: { 
    style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR, 
    position: google.maps.ControlPosition.CENTER 
}, 
... 

就是這樣。嘗試使用CENTER。