现在的位置: 首页 > web前端 > 正文

gmaps js的Js库

2020年07月03日 web前端 ⁄ 共 1042字 ⁄ 字号 评论关闭

  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插件拥有超丰富的特性,相信能够使用更少的代码写出更丰富的应用。

抱歉!评论已关闭.