tpl_kaoqin_locationchange.html 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  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>
  17. var callback = '<?=$callback?>'; //回调函数
  18. var init = function() {
  19. var center = new qq.maps.LatLng(<?=$location_x?>,<?=$location_y?>);
  20. map = new qq.maps.Map(document.getElementById('container'),{
  21. center: center,
  22. zoom: <?=$scale?>
  23. });
  24. marker = new qq.maps.Marker({
  25. position: center,
  26. map: map,
  27. draggable:true,
  28. title:'点地图确定位置'
  29. });
  30. //点击地图切换位置
  31. qq.maps.event.addListener(map, 'click', function(evt) {
  32. marker.setPosition(evt.latLng);
  33. });
  34. return;
  35. infoWin = new qq.maps.InfoWindow({
  36. map: map
  37. });
  38. infoWin.open();
  39. infoWin.setContent('位置:');
  40. infoWin.setPosition(map.getCenter());
  41. }
  42. function qudong(){
  43. var as = marker.getPosition();
  44. var x = as.getLat();
  45. var y = as.getLng();
  46. var zoom = map.getZoom();
  47. var a = {x:x,y:y,zoom:zoom};
  48. if(callback!=''){
  49. try{
  50. parent[callback](a);
  51. parent.js.tanclose('winiframe');
  52. }catch(e){}
  53. }
  54. }
  55. var citylocation = false;
  56. function dingwei(){
  57. if(!citylocation)citylocation = new qq.maps.CityService({
  58. complete : function(result){
  59. map.setCenter(result.detail.latLng);
  60. }
  61. });
  62. var quhao = prompt('请输入城市区号如:0592');
  63. if(isNaN(quhao)){
  64. if(quhao)citylocation.searchLocalCity();
  65. }else{
  66. if(quhao)citylocation.searchCityByAreaCode(quhao);
  67. }
  68. }
  69. </script>
  70. </head>
  71. <body onload="init()">
  72. <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>
  73. <div style="width:100%;height:100%" id="container"></div>
  74. </body>
  75. </html>