jQuery的地图插件 jMaps
本文导语: jMaps 是一个 jQuery 的插件,提供了简单的 API 来访问 Google 地图,主要的功能有: * Geocode and reverse any valid address in the world via Google's geocoding API * Search for directions to and from any location * Add and remove Markers * Add and remove polygons and polyl...
jMaps 是一个 jQuery 的插件,提供了简单的 API 来访问 Google 地图,主要的功能有:
* Geocode and reverse any valid address in the world via Google's geocoding API
* Search for directions to and from any location
* Add and remove Markers
* Add and remove polygons and polylines
* Add and remove graphic layers on the map
* Add and remove Google adsense layers
* Add and remove Traffic layers
* Get information back such as map center, map size, map type, etc
示例代码:
jQuery(document).ready(function(){
jQuery('#map1').jmap('init', {'mapType':'hybrid','mapCenter':[37.4419, -122.1419]});
jQuery('#address-submit-1').click(function(){
jQuery('#map1').jmap('SearchAddress', {
'query': jQuery('#address').val(),
'returnType': 'getLocations'
}, function(result, options) {
var valid = Mapifies.SearchCode(result.Status.code);
if (valid.success) {
jQuery.each(result.Placemark, function(i, point){
jQuery('#map1').jmap('AddMarker',{
'pointLatLng':[point.Point.coordinates[1], point.Point.coordinates[]],
'pointHTML':point.address
});
});
} else {
jQuery('#address').val(valid.message);
}
});
return false;
});
});