成人免费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-05-21 12:27:22

SVN使用教程

2010-06-30 10:46:20

Linux SNMP安

2015-03-18 10:58:27

Google Now API

2009-01-04 09:16:11

google Read開發APIGoogle API

2009-04-22 17:16:50

Analytics AGoogle測試

2009-02-09 09:30:20

Google APIAJAX SearchGoogle News
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 成人午夜精品 | 天天成人综合网 | 亚洲每日更新 | 亚洲激情一区二区三区 | 中文字幕一区二区三区四区五区 | 午夜精品一区二区三区免费视频 | 久久精品 | 三级国产三级在线 | 欧美性受xxxx | 欧美国产一区二区 | 秋霞国产| 亚洲欧美自拍偷拍视频 | 久久久久91| 伊人网伊人网 | 精品国产aⅴ | 国产资源在线视频 | 日韩中文不卡 | 国产亚洲精品一区二区三区 | 亚洲人精品午夜 | 国产欧美综合在线 | 国产在线视频一区 | 极品一区 | 国产资源网| 黄色av网站在线观看 | 国产日产久久高清欧美一区 | 激情五月综合 | 午夜激情视频 | 女生羞羞网站 | 九九色综合 | 欧美精品 在线观看 | 国产一区在线免费 | 国产精品视频一区二区三区, | 亚洲 欧美 另类 日韩 | 精品中文字幕在线观看 | 国内精品久久久久久久影视简单 | 男女国产视频 | 日韩精品成人一区二区三区视频 | 一级毛片中国 | 欧美高清性xxxxhd | 午夜天堂精品久久久久 | 国产精品国产三级国产aⅴ无密码 |