成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

Google Maps API簡易教程(二)

開發 開發工具
單擊一下Marker,就會觸發click事件。拖曳當前地圖,將會觸發center_changed事件。而google.maps.addListener監聽地圖上每一個動作。

 一、Google Map Event

    單擊一下Marker,就會觸發click事件。拖曳當前地圖,將會觸發center_changed事件。而google.maps.addListener監聽地圖上每一個動作,

相應的事件處理代碼由用戶編寫。一下舉幾個例子,以加深理解。

  (1)單擊Marker改變Zoom

     如上圖所示,單擊London上的Marker,當前的地圖的Zoom改變,相應的代碼如下:

 

  1. // Zoom to 9 when clicking on marker 
  2. google.maps.event.addListener(marker,'click',function() { 
  3.   map.setZoom(9); 
  4.   map.setCenter(marker.getPosition()); 
  5.   }); 

  (2)Pan返回Marker

    在本例中,單擊地圖左上角的pan的一個角,地圖的中心發生了改變,3秒后又返回到原來的中心,這將會觸發center_changed事件。相應的代碼如下:

 

  1.  google.maps.event.addListener(map,'center_changed',function() { 
  2.   window.setTimeout(function() { 
  3.     map.panTo(marker.getPosition()); 
  4.   },3000); 
  5. }); 

  (3)單擊Marker顯示InfoWindow

     如上圖,單擊Marker,顯示一個含有Hello world 字符的InfoWindow,相關代碼如下:

 

  1. var infowindow = new google.maps.InfoWindow({ 
  2.   content:"Hello World!" 
  3.   }); 
  4.  
  5. google.maps.event.addListener(marker, 'click', function() { 
  6.   infowindow.open(map,marker); 
  7.   }); 

 (4)設置Markers,并為每一個Marker打開一個InfoWindow

   相關代碼如下:

 

  1. google.maps.event.addListener(map, 'click', function(event) { 
  2. placeMarker(event.latLng); 
  3. }); 
  4.  
  5. nction placeMarker(location) { 
  6. var marker = new google.maps.Marker({ 
  7.   position: location, 
  8.   map: map, 
  9. }); 
  10. var infowindow = new google.maps.InfoWindow({ 
  11.   content: 'Latitude: ' + location.lat() + 
  12.   '<br>Longitude: ' + location.lng() 
  13. }); 
  14. infowindow.open(map,marker); 

        以上只是幾個Event處理的簡單應用,還有其他的常見事件,比如MapsEventListener,MouseEvent等等,在這里不再細講。如果有興趣的話,請查閱相關文檔。

原文鏈接:http://www.cnblogs.com/williamcai/archive/2013/03/01/2937933.html

責任編輯:彭凡 來源: 博客園
相關推薦

2013-02-28 13:35:02

Google Maps

2013-06-06 13:35:33

Google Maps

2013-01-08 17:30:31

Google MapsAndroid MapMapFragment

2010-11-02 14:31:44

Google Maps

2011-12-02 09:59:29

API

2013-05-20 16:42:13

GoogleGoogle Maps

2012-05-13 13:55:04

蘋果

2010-05-21 15:46:41

Google Code

2011-10-27 11:32:36

Google云計算SQL數據庫

2009-07-24 09:26:27

Google Maps

2011-04-18 10:52:17

Jpcap

2012-05-09 11:56:28

RIM

2011-11-02 17:31:58

Maps API

2015-01-14 09:46:52

Google API

2010-06-30 10:46:20

Linux SNMP安

2010-05-21 12:27:22

SVN使用教程

2009-04-22 17:16:50

Analytics AGoogle測試

2015-03-18 10:58:27

Google Now API

2009-01-04 09:16:11

google Read開發APIGoogle API

2009-02-09 09:30:20

Google APIAJAX SearchGoogle News
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 五月天婷婷丁香 | 亚洲精品视频免费 | 国产在线1| 亚洲欧洲日韩精品 中文字幕 | 亚洲av一级毛片 | 99久久精品国产一区二区三区 | 中文字幕在线精品 | 国产精品久久九九 | 国产一卡二卡三卡 | a黄视频 | 亚洲精品自在在线观看 | 欧美激情欧美激情在线五月 | 五月婷婷丁香婷婷 | av在线一区二区 | 日韩在线观看 | 成年人国产在线观看 | 国产精品明星裸体写真集 | 国产精品一区二区三级 | 中文字幕高清视频 | 欧美成人不卡 | 日本亚洲精品 | 精品欧美一区二区三区精品久久 | 人人射人人 | 在线观看www | 久久久久久久久久一区 | av色噜噜 | 欧美专区日韩 | 成人一区二区视频 | 国产精品国产三级国产播12软件 | 精品国产一区二区三区在线观看 | 高清国产午夜精品久久久久久 | 国产男女视频 | 黑人精品| 亚洲一区国产 | 精品乱码一区二区 | 国产探花在线精品一区二区 | 中文字幕在线看人 | 欧美一区中文字幕 | 日本久久久一区二区三区 | 狠狠色综合久久丁香婷婷 | 精品国产精品国产偷麻豆 |