Gmaps.js - zoomControlOpt不改變位置或樣式

首先發布在這裏的stackoverflow。Gmaps.js - zoomControlOpt不改變位置或樣式

試圖使用Gmaps.js（http://hpneo.github.io/gmaps/）在我的網站上集成谷歌地圖。雖然我想對用戶界面進行一些更改，但地圖仍在按照應有的狀態工作。

我已經禁用了默認的用戶界面，只添加了縮放控件，因爲我想。

但我需要改變縮放控制的位置，並且不管我嘗試什麼，沒有任何反應。縮放控制保持在默認位置。對於真正的問題，觸摸變焦控制也是如此。你看，我在地圖的一部分上有一個透明的（.png）圖像，並且該圖像使觸摸縮小按鈕不可觸摸，所以我將不得不移動它。

經過一番嘗試，我發現沒有一個zoomControlOpt對象改變任何東西。

$(document).ready(function(){ 
      var map = new GMaps({ 
       div: '#map', 
       lat: 60.156372, 
       lng: 16.851997, 
       zoom: 11, 
       disableDefaultUI: true, 
       zoomControl : true, 
       zoomControlOpt: { 
        style : 'SMALL', 
        position: 'TOP_RIGHT' 
       }, 
      }); 
      map.addMarker({ 
       lat: 60.140132, 
       lng: 16.83658, 
       open: true, 
       title: 'Ingbofestivalen', 
       infoWindow: { 
        content: 'Ingbofestivalen ligger på cykelavstånd från Tärnsjö. Bussförbindelser till Tärnsjö finns från Sala, Heby och Uppsala.' 
       } 
      }); 
     });

來源

2013-04-17 Jesper Eriksson

的zoomControlOpt不起作用，因爲您禁用默認的UI，如果只想使用變焦控制，你可以使用下面

var map = new GMaps({ 
      div: '#map', 
      lat: 60.156372, 
      lng: 16.851997, 
      zoom: 11, 
      zoomControl : true, 
      zoomControlOpt: { 
       style : 'SMALL', 
       position: 'TOP_RIGHT' 
      }, 
      panControl : false, 
      streetViewControl : false, 
      mapTypeControl: false, 
      overviewMapControl: false 
});

代碼

來源

2013-05-31 10:29:10 adhi

Gmaps.js - zoomControlOpt不改變位置或樣式

回答

相關問題