jMapsjQuery的地图插件

联合创作 · 2023-09-28 00:48

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;  
   
});
});
浏览 14
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报