Google map（mapTypeControlOptions）が機能していません

Question

サテライトボタンを地図の中央に配置したいのですが、動作しません。誰もがここで助けることができれば感謝します。ありがとう。

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) 
     }) 
} 

Answer 1

ワーキングサンプルが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を試してみてください。