google map新增控制項並設定控制項的位置

2022-04-03 03:03:28 字數 1697 閱讀 2295

google地圖包含允許使用者與地圖互動的 ui 元素,這些元素稱為「控制項」。您可以在 google 地圖中組合使用這些控制項來設定地圖的樣式。

地圖 api 帶有大量可以在地圖中使用的內建控制項:

所有這些控制項都基於 gcontrol 物件。1//

新增縮放控制項

2map.addcontrol(

newgoogle.maps.largemapcontrol());3//

新增地圖比例尺

4map.addcontrol(

newgoogle.maps.scalecontrol());5//

位於螢幕右下的鳥瞰地圖

6map.addcontrol(

newgoogle.maps.overviewmapcontrol());7//

放置多個地圖型別選擇器的一組精選的巢狀按鈕和選單項

8map.addcontrol(

newgoogle.maps.hierarchicalmaptypecontrol());

設定地圖型別

下面是當前支援的地圖型別列表:

預設情況下,google 地圖 api 提供三種地圖型別:g_normal_mapg_satellite_mapg_hybrid_map。您可以通過這兩種方式來改變地圖上可用的地圖型別:使用gmap2.removemaptype()刪除地圖型別;使用gmap2.addmaptype()新增地圖型別。無論您何時建立地圖型別控制項,它都使用當前地圖上已經新增的地圖型別,並通過控制項讓使用者可以切換這些地圖型別。1//

切換地圖型別

2map.setmaptype(g_normal_map);3//

移除4map.removemaptype(g_normal_map);5//

新增6map.addmaptype(g_normal_map);

在地圖上放置控制項

addcontrol方法有第二個可選的引數gcontrolposition,可用於指定控制項在地圖上的位置。它可以是以下值之一,這些值分別指定要放置控制項的地圖某個角:

如果不包含此引數,則地圖 api 會使用控制項指定的預設位置。

gcontrolposition還可以指定偏移量,來指示控制項的放置位置與地圖邊界間隔多少畫素。這些偏移量使用gsize物件指定。

gmaptypecontrol新增到地圖的右上角,填充為 10 個畫素。

1var

map 

=new

gmap2(document.getelementbyid

"map_canvas

"));

2var

maptypecontrol 

=new

gmaptypecontrol();

3var

topright 

=new

gcontrolposition(g_anchor_top_right, 

newgsize(10,

10));

4map.addcontrol(maptypecontrol, topright);

c 建立grid行列 並新增控制項

用c 新增行跟列 先要想清楚要分幾行幾列 int row 2 int column 2 xakl頁面的grid x name gridprint gridprint在使用過程中可能多次被使用新增子集或者行跟列 所用使用之前都要先清空一下 gridprint.children.clear gridpr...

伺服器端動態載入DataGrid控制項並設定其屬性

datagrid 在asp.程式設計中占有非常重要的地位,對於瀏覽器中大批量資料的呈現,datagrid 幾乎不可缺少。常用的設定 datagrid 屬性的方法都是在前台由 asp語句實現,這樣顯然不適合 datagrid 的動態載入,通過後台 c 實現前台的功能顯得非常重要,下面就通過乙個例項來說...

Linux Kernl新增spidev的裝置節點

如果在核心中配置spidev,會在 dev目錄下產生裝置節點,通過此節點可以操作掛載在該spi匯流排上的裝置。使用者空間通過該節點可以訪問核心空間。在i.mx6,kernel 4.1.15上配置spidev的支援。根據spi的連線原理圖配置對應的imx6qp dts,如 ecspi1 pinctrl...