jquerymobile google地图插件jquery-ui-map

阅读更多

     最近要开发地图相关的功能,学习一下jquerymobile的地图功能,jquery-ui-map.

svn下载地址如下:

http://jquery-ui-map.googlecode.com/svn

学习地址:

http://code.google.com/p/jquery-ui-map/

各种使用方法demo地址:

http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-google-maps-mobile.html

 

google地图的详细功能细节:

https://developers.google.com/maps/documentation/javascript/overlays?hl=zh-CN

 

学习demo如下:

demo的结构如下:

 

jquerymobile google地图插件jquery-ui-map_第1张图片

 

 

 

实现结果如下:

 

jquerymobile google地图插件jquery-ui-map_第2张图片

 

 

 

jquerymobile google地图插件jquery-ui-map_第3张图片

 

 

 

jquerymobile google地图插件jquery-ui-map_第4张图片

源代码如下:

 

  • phonegapgooglemapmarker.rar (926.2 KB)
  • 下载次数: 184

你可能感兴趣的:(phonegap,jquery-ui-map,jquerymobile)