map.html 3.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>测试地图页面</title>
  6. <meta name="description" content="">
  7. <meta name="keywords" content="">
  8. <!--include header base-->
  9. <meta name="author" content="Roobo:F2E">
  10. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  11. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  12. <!-- Set render engine for 360 browser -->
  13. <meta name="renderer" content="webkit">
  14. <!-- Add to homescreen for Chrome on Android -->
  15. <meta name="mobile-web-app-capable" content="yes">
  16. <!--<link rel="icon" type="image/png" sizes="192x192" href="img/favicon/android-icon-192x192.png">-->
  17. <!-- Add to homescreen for Safari on iOS -->
  18. <meta name="apple-mobile-web-app-capable" content="yes">
  19. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  20. <script src="/js/lib/jquery-1.9.1/jquery.min.js"></script>
  21. <link href="../css/css.css" rel="stylesheet" type="text/css">
  22. <script src="../js/config/base_config.js"></script>
  23. <script type="text/javascript" src="http://221.180.144.57:17095/gisability?ability=apiserver&abilityuri=webapi/auth.json&t=ajaxmap&v=3.0&key=JLBSAPP20141216"></script>
  24. <script type="text/javascript">
  25. var mapObj;
  26. var marker;
  27. // var init_p=window.dialogArguments;
  28. var init_x=125.34713745117187;
  29. var init_y=43.89145989477536;
  30. function mapInit() {
  31. // if(init_p.length>0){
  32. // init_x=init_p.split('_')[0];
  33. // init_y=init_p.split('_')[1];
  34. // }
  35. var opt ={};
  36. opt.center= new MMap.LngLat(init_x,init_y);//地图中心点
  37. opt.level=15;//初始化时的地图缩放级别
  38. opt.zoomEnable=true;//地图是否可缩放。
  39. opt.keyboardEnable=true;//键盘操作地图是否有效
  40. opt.scrollwheel=true;//鼠标滚轮缩放地图
  41. opt.continuousZoomEnable=false;//地图缩放时是否具有连续缩放效果。
  42. opt.doubleClickZoom=true;//是否支持双击鼠标放大
  43. opt.scrollWheel=true;//是否支持鼠标滚轮缩放地图
  44. opt.zooms=[4,15];//地图缩放级别范围
  45. mapObj = new MMap.Map("mapDiv",opt);//地图初始化
  46. // if(init_p.length>0){
  47. // beginMap(init_x,init_y);
  48. // }
  49. }
  50. function beginMap(x,y){
  51. mapObj.clearMap();//清除地图上所有覆盖物、自定义图层。
  52. marker=null;
  53. var center = mapObj.getCenter();
  54. if(x!=''){
  55. center.lng=x;
  56. center.lat=y;
  57. }
  58. marker = new MMap.Marker({id:"m",position:new MMap.LngLat(center.lng,center.lat),icon:"http://code.mapabc.com/images/lan_1.png", }) //自定义构造MMap.Marker对象
  59. marker.setDraggable(true);//设置图标是否可拖动
  60. mapObj.addOverlays(marker); //加载覆盖物
  61. }
  62. function endMap(){
  63. var center = marker.getPosition();
  64. // window.returnValue=(center.lng+","+center.lat);
  65. // window.close();
  66. alert(center.lng+" , "+center.lat);
  67. // location.href = $("#hidUrlStr").val() + "eynb/esh/hospital/list.jsp";
  68. }
  69. </script>
  70. <script type="text/javascript">
  71. $(document).ready(function(){
  72. // if(window.top != window.self)
  73. // window.top.location.href = location.href;
  74. });
  75. </script>
  76. </head>
  77. <body onload="mapInit();" >
  78. <div id="mapDiv" style="width: 500px; height: 400px"></div>
  79. <input type="button" onclick="beginMap('','');" value="定位"/>
  80. <input type="button" onclick="endMap();" value="确认定位"/>
  81. <input type="button" onclick="window.close();" value="关闭窗口"/>
  82. </body>
  83. </html>