`
longgangbai
  • 浏览: 7325345 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论
阅读更多

     最近要开发地图相关的功能,学习一下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的结构如下:

 

 

 

 

实现结果如下:

 

 

 

 

 

 

 

源代码如下:

 

分享到:
评论

相关推荐

    最新jquery.mobile-1.4.0 jquery.mobile-1.4.0.zip

    最新jquery.mobile-1.4.0 jquery.mobile-1.4.0.zip 含Demos 最新jquery.mobile-1.4.0-UI(jQuery+CSS+images+demos.index.html) jquery.mobile-1.4.0.min... jquery.mobile-1.4.0.min.map(各种IDE环境的智能提示)

    10个很棒的jquery mobile插件

    5. **jQuery Mobile with Google Map** - 结合了 jQuery Mobile 和 Google Maps API,使得在移动应用中集成地图功能变得更加简单。 6. **Photoswipe** - 这是一个轻量级的图片查看器插件,特别适合于在移动设备上...

    jquery mobile 1.4.5

    jQuery Mobile 1.4.5 是一个轻量级、触控优化的JavaScript框架,专为构建响应式和移动优先的Web应用而设计。这个版本包含了完整的JavaScript库、所有CSS资源以及一系列的演示DEMO,帮助开发者更好地理解和使用jQuery...

    jquery.mobile-1.4.5.zip

    jQuery Mobile 提供了一套完整的UI组件和交互模式,包括导航栏、滑动面板、表单、按钮、工具提示等,使得开发者能够快速构建具有一致用户体验的多平台应用。其核心特性包括: - **页面结构和数据属性**:通过...

    JqueryMobile FULL

    这个"JqueryMobile FULL"压缩包提供了最新版本的jQuery Mobile官方资源,包括核心库、主题样式和示例,是开发者进行移动Web开发的必备工具。 **核心库文件解析:** 1. `jquery.mobile-1.3.1.css` 和 `jquery....

    jQuery Mobile上编写应用程序

    jQuery Mobile 是一个强大的框架,专为构建响应式、触控友好的移动应用程序而设计。它基于流行的 jQuery 库,提供了一套丰富的组件和交互模式,简化了多平台应用程序的开发。在本文中,我们将深入探讨如何使用 ...

    jquery mobike

    `jQuery Mobile 1.3.2` 是该框架的一个稳定版本,发布于2014年,旨在提供一套跨平台的用户界面(UI)组件和事件处理机制,使得开发者能够创建具有一致用户体验的多平台移动应用程序。这一版本支持 iOS、Android、...

    jQuery使用的小例子

    7. **响应式和触屏支持**:jQuery Mobile或jQuery UI库可以帮助开发响应式和触屏友好的界面。 8. **遍历和操作集合**:`.each()`, `.map()`, `.filter()`, `.slice()`等方法,对选择的元素集合进行处理。 9. **...

    kendo UI 2017 最新版 源码+实例

    9. **jQuery集成**:基于jQuery库,Kendo UI 能够与现有的jQuery插件和代码良好配合,使得迁移和整合更简单。 10. **主题和皮肤**:Kendo UI 提供多种预定义的主题,允许开发者快速调整应用的外观,也可以自定义...

    js.zip_html5_possiblyu1d_teamleu

    4. jquery.mobile-1.3.2.min.map:这是源映射文件,用于在开发过程中帮助调试压缩后的JavaScript代码,尽管它本身不直接执行,但对开发者调试优化后的代码至关重要。 综合以上信息,我们可以得出这个压缩包是一个...

    HTML5+CSS3在触屏网站上的实践

    虽然其他框架如iUI、jQTouch、Sencha Touch和jQuery Mobile在某些方面具有优势,但考虑到UI一致性以及组件需求,JQuery更为合适。 - **前端切图&CSS经验分享**:这部分内容涵盖了HTML5+CSS3在实际项目中的具体应用...

    D3-js-in-Action.pdf

    you’d normally associate with jQuery. When I was approached by Manning to write this book, I thought it would be the perfect opportunity for me to look deeply at D3 and make sure I knew how every ...

    滚轮实现有滑动效果选择时间和地址+小时分钟

    为了实现滚轮滑动效果,开发者通常会借助JavaScript库,如jQuery Mobile或Ionic,它们提供了自定义的时间选择器组件。这些组件通过监听触摸事件(如swipe、touchstart、touchmove和touchend)来模拟滚轮的滚动,并...

Global site tag (gtag.js) - Google Analytics