contactUs.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. <!doctype html>
  2. <!DOCTYPE html><html lang="en"><head><meta charset="utf-8">
  3. <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
  4. <meta name="viewport" content="width=320,initial-scale=0.4,minimum-scale=0.4">
  5. <title>北京汇创思拓有限公司</title>
  6. <link rel="stylesheet" type="text/css" href="css/base.css">
  7. <style>
  8. #container {width:100%; height: 600px; }
  9. </style>
  10. <script type="text/javascript" src="js/maps.js"></script>
  11. </head>
  12. <body>
  13. <div class="header clearfix">
  14. <div class="innerAuto">
  15. <img class="fl" src="img/logon.png">
  16. <a class="fr " href="case.html">作品案例</a>
  17. <a class="fr active" href="javascript:;">联系我们</a>
  18. <a class="fr" href="index.html">首页</a>
  19. </div>
  20. </div>
  21. <!--<img src="images/banner.jpg" style="width: 100%">-->
  22. <div class="info" style="background: #f5f5f5;">
  23. <h2 class="tc">联系我们</h2>
  24. <p class="tc">如果您需要高品质设计和互动推广的整合营销服务</p>
  25. </div>
  26. <div id="container"></div>
  27. <div class="foot">
  28. <div class="title tc flex">
  29. <a style="margin-left: 0;" href="index.html">首页</a>
  30. <a href="javascript:;">关于我们</a>
  31. <a href="javascript:;">服务领域</a>
  32. <a href="javascript:;">服务能力</a>
  33. <a href="javascript:;">合作客户</a>
  34. <a style="margin-right: 0;" href="javascript:;">联系我们</a>
  35. </div>
  36. <ul class="clearfix">
  37. <li class="flex">
  38. <img src="img/icontime.png">
  39. <span class="flex1">AM 9:30-PM 18:30</span>
  40. </li>
  41. <li class="active flex">
  42. <img src="img/iconqq.png">
  43. <span class="flex1">2015402235</span>
  44. </li>
  45. <li class="flex">
  46. <img src="img/icontel.png">
  47. <span class="flex1">010-86467990-813</span>
  48. </li>
  49. <li class="flex">
  50. <img src="img/iconemail.png">
  51. <span class="flex1">huichuangsituo@c-top.com.cn</span>
  52. </li>
  53. <li class="active flex">
  54. <img class="" src="img/iconadd.png">
  55. <span class="flex1">北京市朝阳区酒仙桥东风北桥宝马宝信行3楼308</span>
  56. </li>
  57. <li class="flex">
  58. <span class="flex1">汇创思拓©版权所有</span>
  59. </li>
  60. <li class="active flex">
  61. <span class="flex1"><a target="_blank" href="http://beian.miit.gov.cn">京ICP备17011826号</a></span>
  62. </li>
  63. </ul>
  64. </div>
  65. <script>
  66. var map = new AMap.Map('container', {
  67. zoom:13,//级别
  68. center: [116.489528,39.95839],//中心点坐标
  69. viewMode:'3D'//使用3D视图
  70. });
  71. var infoWindow = new AMap.InfoWindow({ //创建信息窗体
  72. isCustom: true, //使用自定义窗体
  73. content:'<div style="background: #fff;padding:5px 8px;font-size:14px;">北京五六七广告有限公司</div>', //信息窗体的内容可以是任意html片段
  74. offset: new AMap.Pixel(16, -45)
  75. });
  76. var onMarkerClick = function(e) {
  77. infoWindow.open(map, e.target.getPosition());//打开信息窗体
  78. //e.target就是被点击的Marker
  79. };
  80. var marker = new AMap.Marker({
  81. position: [116.489528,39.95839]
  82. });
  83. map.add(marker);
  84. marker.on('click',onMarkerClick);//绑定click事件
  85. // 同时引入工具条插件,比例尺插件和鹰眼插件
  86. AMap.plugin([
  87. 'AMap.ToolBar',
  88. 'AMap.Scale',
  89. 'AMap.MapType',
  90. 'AMap.Geolocation',
  91. 'AMap.PlaceSearch',
  92. 'AMap.AdvancedInfoWindow'
  93. ], function(){
  94. // 在图面添加工具条控件,工具条控件集成了缩放、平移、定位等功能按钮在内的组合控件
  95. map.addControl(new AMap.ToolBar());
  96. // 在图面添加比例尺控件,展示地图在当前层级和纬度下的比例尺
  97. map.addControl(new AMap.Scale());
  98. // 在图面添加类别切换控件,实现默认图层与卫星图、实施交通图层之间切换的控制
  99. map.addControl(new AMap.MapType());
  100. // 在图面添加定位控件,用来获取和展示用户主机所在的经纬度位置
  101. map.addControl(new AMap.Geolocation());
  102. map.addControl(new AMap.PlaceSearch());
  103. map.addControl(new AMap.AdvancedInfoWindow());
  104. });
  105. </script>
  106. </body></html>