gmaps.js允许您以简单的方式使用Google地图的潜力。没有更多的文档或大量的代码。
gmaps.js例子:
<!DOCTYPEhtml>
<html>
<head>
<title></title>
<scriptsrc=""></script>
<scriptsrc="gmaps.js"></script>
<styletype="text/css">
#map{
width:400px;
height:400px;
}
</style>
</head>
<body>
<divid="map"></div>
<script>
varmap=newGMaps({
el:'#map',
lat:-12.043333,
lng:-77.028333
});
</script>
</body>
</html>
gmaps.js主要特性:
使用非常简单,只需要使用少量代码就可以生成丰富的地图功能
支持基本地图,地图事件,地图标记
地图服务
支持浮动层,路线图
支持地图路线,行车路线
支持静态地图
更多的工具应用
需要jQuery类库支持
如何使用
使用超简单,引用google地图类库,jQuery类库和Gmap类库,
地图代码如下:
varmap;
$(document).ready(function(){
map=newGMaps({
div:'#map',
lat:39.908403,
lng:116.397529
});
map.drawRoute({
origin:[39.908403,116.397529],
destination:[39.949309,116.393559],
travelMode:'walking',
strokeColor:'#000',
strokeOpacity:0.6,
strokeOpacity:0.6,
strokeWeight:6
});
});
以上代码将生成一个步行路线图。
总之,jQuery插件:GMaps.js,这个jQuery插件拥有超丰富的特性,相信能够使用更少的代码写出更丰富的应用。