tpl_kaoqin_location.html 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  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 src="js/jquery.js"></script>
  16. <script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=<?=$da['qqmapkey']?>"></script>
  17. <script>
  18. //初始化函数
  19. var init = function() {
  20. var precision = <?=$da['rs']['precision']?>;
  21. var center = new qq.maps.LatLng(<?=$da['rs']['location_x']?>,<?=$da['rs']['location_y']?>);
  22. var map = new qq.maps.Map(document.getElementById('container'),{
  23. center: center,
  24. zoom: <?=$da['rs']['scale']?>
  25. });
  26. var infoWin = new qq.maps.InfoWindow({
  27. map: map
  28. });
  29. infoWin.open();
  30. infoWin.setContent('<?=$da['rs']['content']?>');
  31. infoWin.setPosition(map.getCenter());
  32. var marker = new qq.maps.Marker({
  33. map: map,
  34. position:center
  35. });
  36. if(precision>0){
  37. var circle=new qq.maps.Circle({
  38. map:map,
  39. strokeWeight:1,
  40. center:center,
  41. radius:precision
  42. });
  43. }
  44. var type = '<?=$da['rs']['type']?>';
  45. if(type==1){
  46. var str = '<div onclick="history.back()" style="position:absolute;top:25px;left:5px; background:white;padding:8px;cursor:pointer"><img height="24" src="images/back.png" align="absmiddle">返回</div>';
  47. $('body').append(str);
  48. }
  49. }
  50. </script>
  51. </head>
  52. <body onload="init()">
  53. <div style="width:100%;height:100%" id="container"></div>
  54. </body>
  55. </html>