GMaps.js：让你快速集成 Google Maps 服务的 jQuery 插件

最新推荐文章于 2020-08-25 10:49:08 发布
原创 最新推荐文章于 2020-08-25 10:49:08 发布 · 287 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #ViewUI

GMaps.js是一款基于jQuery的插件，能轻松集成Google Maps服务。它支持添加地图、定义地图放大级别、添加标注、获取地理位置等功能，且每项操作都支持自定义事件回调。虽然文档不详尽，但丰富的示例足以帮助开发者快速上手。

GMaps.js 功能

除了添加指定经纬度的标准地图之外，GMaps.js 还能定义地图放大的级别，添加标注，获取当前用户的地理位置（HTML5 geolocation），定义路线，绘制折线，并且实现这些功能只需要简单的几行代码。

另外 GMaps.js 每个动作都有 callback 函数让你去集成自定义事件。目前 GMaps.js 没有详细的文档，但是每个功能都有具体的例子，参考下基本就可以使用了。

 

 

DEMO: http://hpneo.github.io/gmaps/examples.html

官网：http://hpneo.github.io/gmaps/

文档：http://hpneo.github.io/gmaps/documentation.html

下载：gmaps

更多参考：http://js-tutorial.com/gmapsjs-google-maps-api-with-less-pain-and-more-fun-353

 

转自：GMaps.js：让你快速集成 Google Maps 服务的 jQuery 插件

JS使用google地图API完成一个完整地图应用
andrewleeeeee的专栏
10-23 6149
function getMyLocation() { if (navigator.geolocation)   //navigator.geolocation属性包含整个地理定位的API，支持的主要方法是getCurrentPosition { navigator.geolocation.getCurrentPosition(displayLocation, displayError);
google-map-example:带有 gmaps.js 的谷歌地图示例
07-03
gmaps.js是一个轻量级的JavaScript库，它简化了与Google Maps API的交互，使得开发者能够更容易地在网站上集成和定制谷歌地图。让我们深入探讨一下这个示例项目及其相关知识点。 1. **Google Maps API**： Google ...
googlemap js v3 gmap
07-23
写了很多关于googlemap js v3的示例,仅供参考
分享一款超棒的jQuery Google地图插件：Gmaps
GBin1.com
06-11 2823
日期：2012-6-7  来源：GBin1.com 在线演示1  在线演示2  本地下载 无容置疑，Google地图绝对是一款强大的地图解决方案，而且在web开发中的应用也非常广泛，API也比较友好，使用简单，但是作为web开发人员来说，我们喜欢更简单的来实现自己需要的功能。以前的文章中我们介绍过jQuery的地图插件-Jmapping，今天这里我们将介绍另外一款不错的jQu
gmaps.min.js_使用GMaps.js轻松制作Google Maps
culh2177的博客
08-25 877
gmaps.min.jsGoogle Maps has proved to be a highly successful Google service, incorporating a range of invaluable tools such as Street View, Route Planning and Google Traffic. Many companies and organ...
GMaps.js - 轻松集成Google Maps的jQuery插件
weixin_34235371的博客
07-04 131
为什么80%的码农都做不了架构师？>>> ...
GMaps.js：简化Google Maps API的JavaScript库
简化您的生活的Javascript库”，明确指向一个与前端Web开发密切相关的技术主题：即如何通过JavaScript库GMaps.js来高效集成和使用Google Maps API，实现地图功能在网页中的快速部署。该知识点涵盖了现代Web开发中...
谷歌地图调用插件GMaps.js.zip
07-18
GMaps.js是一个JavaScript插件，通过它可以很容易地在你的应用程序中集成谷歌地图，并包含了多个选项，如地图、方向、信息框等等。 在线演示：http://hpneo.github.com/gmaps/examples.html 标签：GMaps
gmaps.js示例：利用谷歌地图进行交互
资源摘要信息:"本示例提供了一个使用gmaps.js库实现的谷歌地图集成解决方案。gmaps.js是一个基于JavaScript的库，旨在简化在网页上嵌入和操作谷歌地图的过程。" 知识点： 1. 谷歌地图API与gmaps.js库的关系： - ...
gmaps.js库简化Google Maps应用开发
通过使用gmaps.js库，开发者不需要深入了解Google Maps API的复杂性或编写大量的代码，就能快速地集成Google Maps服务到他们的项目中。Gmaps.js支持多种Google Maps的功能，包括但不限于地图展示、标记点的创建、...
google_maps.js:一个使用 Google Maps API 的简单 JavaScript 库
06-30
google_maps.js 一个使用谷歌地图的简单 JavaScript 库。 特征 - Map - Geocoder - InfoWindow - Marker - Markers 版本 切换分支菜单以获取当前版本。 用 在您的 html 文件中加载脚本 google_maps.js 或 google_maps.min.js。 < script src =" google_maps.js " > </ script > 依赖关系 - Google Maps API, version 3 ("https://maps.googleapis.com/maps/api/js?v=3.exp") - prototype_class.js, version 1.0.0 (see https://github.com/fernandojunior/prototype_class.js/t
GMap-JSlicer:由 javascript 提供支持的谷歌地图图像
07-01
GMap-JSlicer 由 javascript 提供支持的谷歌地图图像 slicer = new JSlicer(document.getElementById('map'), 'myImage.png'); slicer.init(); 允许您以 Google 地图的形式查看图像，而无需进行任何预平铺或服务器端工作。 它的实施快速而简单。 这不是生产就绪的，真的应该只用作代码示例。 但是确实有效。 我们获取要映射的图像的 IMG 元素，然后使用 Canvas 生成渲染时 Google 地图使用的必要图块。 整个过程是在客户端用 Javascript 完成的。 最终，当 Web Workers 对 Canvas 获得更好的支持时，我们将使用它们来提高性能。 此外，在某些移动设备上不会加载超过特定尺寸的图像。 iPhone 限制为宽 * 高 ≤ 3 * 1024 * 1024
经典教程：JavaScript调用Google Map API V3
07-01
针对Google Map最新的API Version3，本文讲解怎么使用JavaScript调用该API，实现在网页中的使用地图的诸多功能。更多细节参考：http://blog.sina.com.cn/s/articlelist_1289503967_4_1.html
GMAP地图控件示例
09-01
GMAP地图控件基本操作演示，c#代码封装了一个控件，一般地图功能，本地化； 地图能够完成一般绘制，查询，已经包括了基本功能
gmap3添加多种本地地图
12-06
imagemaptype:{values:[{},{}..]}
对Google Maps API的JS文件解析(map.js)
weixin_34240520的博客
09-30 374
        我下载了Google Maps API所调用的JS文件的源文件，研究了一下，做了一点注释，现在放在下面   1var _mSiteName = 'Google Maps';  2var _mZoomIn = 'Zoom In';  3var _mZoomOut = 'Zoom Out';  4var _mZoomSet = 'Click to set zoom level';...
Ext.ux.GMapPanel.js组件的使用 示例
看看我都干了些啥！
02-12 193
Ext.ux.GMapPanel.js组件的使用 示例     效果：   创建调用的html： &lt;html&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset= utf-8"&gt;    &lt;title&gt;GMap Window Example&lt;/title&g
Gmap开发-默认marker和自定义marker
Kevin
01-17 1197
在做项目demo中使用到了Gmap，但默认的marker不能满足需求，所以需要自定义的marker： 1、默认的marker：js代码 [code="java"] // 名称转换为经纬度的工具类 var geocoder = null; // 地图对象 var map = null; function getDtcAndGps() { $.Ajax( { url ...
gmap3 地图（一）
漂泊情愫
05-19 971
一种基于GOOGLE地图的管理JQUERY插件，官方网址：http://gmap3.net/en/
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值