map.html 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
  6. <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  7. <meta name="format-detection"content="telephone=no">
  8. <title>map</title>
  9. <link rel="stylesheet" type="text/css" href="../../css/api.css"/>
  10. <style media="screen">
  11. body,html{
  12. margin: 0;
  13. background: #fff;
  14. }
  15. </style>
  16. </head>
  17. <body>
  18. </body>
  19. </html>
  20. <script type="text/javascript" src="../../script/api.js"></script>
  21. <script src="../../script/config.js" charset="utf-8"></script>
  22. <script type="text/javascript">
  23. apiready = function () {
  24. openMap(api.pageParam.lon,api.pageParam.lat)
  25. }
  26. function openMap(lon,lat) {
  27. var aMap = api.require('aMap');
  28. aMap.open({
  29. rect: {
  30. x: 0,
  31. y: 0,
  32. w: 'auto',
  33. h: 'auto'
  34. },
  35. showUserLocation: true,
  36. showsAccuracyRing:false,
  37. showsAccuracyRing:true,
  38. zoomLevel: 17,
  39. center: {
  40. lon: api.pageParam.lon,
  41. lat: api.pageParam.lat
  42. },
  43. fixed: true
  44. },function (ret) {
  45. if (ret.status) {
  46. aMap.addAnnotations({
  47. annotations: [{
  48. id: 1,
  49. lon: lon,
  50. lat: lat
  51. }],
  52. draggable: false,
  53. timeInterval: 2.0
  54. });
  55. }
  56. });
  57. }
  58. function keybackFun() {
  59. api.addEventListener({
  60. name: 'keyback'
  61. }, function(ret, err){
  62. api.closeWin();
  63. var aMap = api.require('aMap');
  64. aMap.close();
  65. });
  66. }
  67. </script>