123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120 |
- <!doctype html>
- <!DOCTYPE html><html lang="en"><head><meta charset="utf-8">
-
- <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
- <meta name="viewport" content="width=320,initial-scale=0.4,minimum-scale=0.4">
- <title>北京汇创思拓有限公司</title>
- <link rel="stylesheet" type="text/css" href="css/base.css">
- <style>
- #container {width:100%; height: 600px; }
- </style>
- <script type="text/javascript" src="js/maps.js"></script>
- </head>
- <body>
- <div class="header clearfix">
- <div class="innerAuto">
- <img class="fl" src="img/logon.png">
- <a class="fr " href="case.html">作品案例</a>
- <a class="fr active" href="javascript:;">联系我们</a>
- <a class="fr" href="index.html">首页</a>
- </div>
- </div>
- <!--<img src="images/banner.jpg" style="width: 100%">-->
- <div class="info" style="background: #f5f5f5;">
- <h2 class="tc">联系我们</h2>
- <p class="tc">如果您需要高品质设计和互动推广的整合营销服务</p>
- </div>
- <div id="container"></div>
- <div class="foot">
- <div class="title tc flex">
- <a style="margin-left: 0;" href="index.html">首页</a>
- <a href="javascript:;">关于我们</a>
- <a href="javascript:;">服务领域</a>
- <a href="javascript:;">服务能力</a>
- <a href="javascript:;">合作客户</a>
- <a style="margin-right: 0;" href="javascript:;">联系我们</a>
- </div>
- <ul class="clearfix">
- <li class="flex">
- <img src="img/icontime.png">
- <span class="flex1">AM 9:30-PM 18:30</span>
- </li>
- <li class="active flex">
- <img src="img/iconqq.png">
- <span class="flex1">2015402235</span>
- </li>
- <li class="flex">
- <img src="img/icontel.png">
- <span class="flex1">010-86467990</span>
- </li>
- <li class="flex">
- <img src="img/iconemail.png">
- <span class="flex1">huichuangsituo@c-top.com.cn</span>
- </li>
- <li class="active flex">
- <img class="" src="img/iconadd.png">
- <span class="flex1">北京市朝阳区酒仙桥路兆维工业园51幢A1-1门2层</span>
- </li>
- <li class="flex">
- <span class="flex1">汇创思拓©版权所有</span>
- </li>
- <li class="active flex">
- <span class="flex1"><a target="_blank" href="http://beian.miit.gov.cn">京ICP备17011826号</a></span>
- </li>
- </ul>
- </div>
- <script>
- var map = new AMap.Map('container', {
- zoom:13,//级别
- center: [116.49956 , 39.98002 ],//中心点坐标
- viewMode:'3D'//使用3D视图
- });
- var infoWindow = new AMap.InfoWindow({ //创建信息窗体
- isCustom: true, //使用自定义窗体
- content:'<div style="background: #fff;padding:5px 8px;font-size:14px;">北京汇创思拓有限公司</div>', //信息窗体的内容可以是任意html片段
- offset: new AMap.Pixel(16, -45)
- });
- var onMarkerClick = function(e) {
- infoWindow.open(map, e.target.getPosition());//打开信息窗体
- //e.target就是被点击的Marker
- };
- var marker = new AMap.Marker({
- position: [116.49956 , 39.98002]
- });
- map.add(marker);
- marker.on('click',onMarkerClick);//绑定click事件
- // 同时引入工具条插件,比例尺插件和鹰眼插件
- AMap.plugin([
- 'AMap.ToolBar',
- 'AMap.Scale',
- 'AMap.MapType',
- 'AMap.Geolocation',
- 'AMap.PlaceSearch',
- 'AMap.AdvancedInfoWindow'
- ], function(){
- // 在图面添加工具条控件,工具条控件集成了缩放、平移、定位等功能按钮在内的组合控件
- map.addControl(new AMap.ToolBar());
- // 在图面添加比例尺控件,展示地图在当前层级和纬度下的比例尺
- map.addControl(new AMap.Scale());
- // 在图面添加类别切换控件,实现默认图层与卫星图、实施交通图层之间切换的控制
- map.addControl(new AMap.MapType());
- // 在图面添加定位控件,用来获取和展示用户主机所在的经纬度位置
- map.addControl(new AMap.Geolocation());
- map.addControl(new AMap.PlaceSearch());
- map.addControl(new AMap.AdvancedInfoWindow());
- });
- </script>
- </body></html>
|