Marker event get self
HTML
<script src="//maps.google.com/maps/api/js?sensor=false"></script>
<script src="http://app.essoduke.org/tinyMap/jquery.tinyMap-2.9.9.min.js?ver=2.9.9"></script>
<button type="button" id="a">Panto</button>
<p id="info"></p>
<div id="map"></div>
CSS
#map{width:100%;height:360px}
JavaScript
var map = $('#map'),
info = $('#info');
var markers = [
{
'addr': ['25.052734554255434', '121.53719902038574'],
'id': '首都大飯店',
// 啟用拖曳
'draggable': true,
// 綁定事件
'event': {
// 點擊事件
'click': function () {
info.html(this.id);
},
// 拖曳結束事件
'dragend': function (e) {
// 取得標記座標
var latlng = [e.latLng.lat(), e.latLng.lng()];
info.html('Lat=' + latlng[0] + ', Lng=' + latlng[1]);
}
}
}
];
map.tinyMap({
'center': markers[0].addr,
'marker': markers,
'zoom': 17
});