当前位置

网站首页> 程序设计 > 开源项目 > 程序开发 > 浏览文章

jQuery的地图插件 jMaps

作者:小梦 来源: 网络 时间: 2024-07-08 阅读:

第29期OSC源创会#南京#开始报名,AngularJS、Netty 等

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;  
   
});
});

热点阅读

网友最爱