tpl_kaoqin_locationchange.html 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
  5. <title>选择位置</title>
  6. <style type="text/css">
  7. *{
  8. margin:0px;
  9. padding:0px;
  10. }
  11. body, button, input, select, textarea {
  12. font: 12px/16px Verdana, Helvetica, Arial, sans-serif;
  13. }
  14. </style>
  15. <script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=<?=$da['qqmapkey']?>"></script>
  16. <script src="js/jquery.js"></script>
  17. <script src="js/base64-min.js"></script>
  18. <script>
  19. var callback = '<?=$callback?>'; //回调函数
  20. var init = function() {
  21. var center = new qq.maps.LatLng(<?=$location_x?>,<?=$location_y?>);
  22. map = new qq.maps.Map(document.getElementById('container'),{
  23. center: center,
  24. zoom: <?=$scale?>
  25. });
  26. marker = new qq.maps.Marker({
  27. position: center,
  28. map: map,
  29. draggable:true,
  30. title:'点地图确定位置'
  31. });
  32. //点击地图切换位置
  33. qq.maps.event.addListener(map, 'click', function(evt) {
  34. marker.setPosition(evt.latLng);
  35. });
  36. return;
  37. infoWin = new qq.maps.InfoWindow({
  38. map: map
  39. });
  40. infoWin.open();
  41. infoWin.setContent('位置:');
  42. infoWin.setPosition(map.getCenter());
  43. }
  44. function qudong(){
  45. var as = marker.getPosition();
  46. var x = as.getLat();
  47. var y = as.getLng();
  48. var zoom = map.getZoom();
  49. var a = {x:x,y:y,zoom:zoom};
  50. if(callback!=''){
  51. try{
  52. parent[callback](a);
  53. parent.js.tanclose('winiframe');
  54. }catch(e){}
  55. }
  56. }
  57. var citylocation = false;
  58. function dingwei(){
  59. var key = prompt('请输入格式(地址 城市)如:鼓浪屿 厦门');
  60. if(key){
  61. $.ajax({
  62. url:'api.php?m=kaoqin&a=suggestion',
  63. data:{key:jm.base64encode(key)},
  64. dataType:'json',
  65. success:function(ret){
  66. if(ret.status==0){
  67. var res = ret.data[0];
  68. var center = new qq.maps.LatLng(res.location.lat,res.location.lng);
  69. map.setCenter(center);
  70. marker.setPosition(center);
  71. showinfoWin(res.title+'<br>'+res.address);
  72. }else{
  73. alert(ret.message);
  74. }
  75. }
  76. });
  77. }
  78. }
  79. var infoWin = false;
  80. function showinfoWin(msg){
  81. if(!infoWin){
  82. infoWin = new qq.maps.InfoWindow({
  83. map: map
  84. });
  85. infoWin.open();
  86. }
  87. infoWin.setContent(msg);
  88. infoWin.setPosition(map.getCenter());
  89. }
  90. </script>
  91. </head>
  92. <body onload="init()">
  93. <div style="position:absolute;top:0px;left:40%;z-index:99;padding:5px 20px; background-color:white"><button style="background:#1389D3;color:white;border:none;padding:5px 8px;cursor:pointer" onclick="qudong()">确定</button>&nbsp;点地图确定位置,<a href="javascript:;" onclick="dingwei()">[定位搜索]</a></div>
  94. <div style="width:100%;height:100%" id="container"></div>
  95. </body>
  96. </html>
粤ICP备19079148号