maps.html 1.5 KB

1234567891011121314151617181920212223242526272829303132333435
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8"/>
  5. <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
  6. <meta name="HandheldFriendly" content="true"/>
  7. <meta name="MobileOptimized" content="320"/>
  8. <title>Hello H5+</title>
  9. <script type="text/javascript" src="../js/common.js"></script>
  10. <script type="text/javascript">
  11. function navigateWithMap(){
  12. // 设置目标位置坐标点和其实位置坐标点
  13. var dst = new plus.maps.Point(116.39131928,39.90793074); // 天安门
  14. var src = new plus.maps.Point(116.335,39.966); // 大钟寺
  15. // 调用系统地图显示
  16. plus.maps.openSysMap(dst, '天安门', src);
  17. }
  18. function showMaps(){
  19. var ws=plus.webview.currentWebview();
  20. var wm=plus.webview.getWebviewById(plus.runtime.appid);
  21. clicked('maps_map.html', '应用内置地图', {titleNView:{autoBackButton:true,buttons:[{fontSrc:'_www/helloh5.ttf',text:'\ue450',fontSize:'20px',onclick:'javascript:userLocation()'}]}});
  22. }
  23. </script>
  24. <link rel="stylesheet" href="../css/common.css" type="text/css" charset="utf-8"/>
  25. </head>
  26. <body>
  27. <br/>
  28. <div class="button" onclick="navigateWithMap()">调用第三方地图程序导航</div>
  29. <div class="button" onclick="showMaps()">应用内置地图</div>
  30. <div id="outpos"/>
  31. <div id="output">
  32. Maps模块管理地图控件,用于在web页面中显示地图控件,提供各种接口操作地图控件,如添加标点、路线等。通过plus.maps可获取地图管理对象。
  33. </div>
  34. </body>
  35. </html>