|
@@ -70,7 +70,9 @@
|
|
|
<h3>
|
|
|
公司地址
|
|
|
</h3>
|
|
|
- <iframe width="1200" height="400" src="https://apis.map.qq.com/tools/poimarker?type=0&marker=coord:39.87803,116.19025;title:北京市海淀区复兴路32号院&key=PTSBZ-MUU6U-DEGV3-2W2XU-FPKFZ-WYF44&referer=厨人易料" frameborder="0"></iframe>
|
|
|
+ <div style="height: 400px;width: 1200px;" id="container" >
|
|
|
+
|
|
|
+ </div>
|
|
|
<div class="address-text">北京总部<span class="icon-address"></span><i>北京市大兴区解放南路457号某某开发区多少层 010-00048666</i></div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -119,5 +121,35 @@
|
|
|
</div>
|
|
|
</footer>
|
|
|
<script type="text/javascript" src="../js/global.js?v=3e6b2f2a"></script><script type="text/javascript" src="../js/contact.js?v=3e6b2f2a"></script></body>
|
|
|
+<script charset="utf-8" src="https://map.qq.com/api/gljs?v=1.exp&key=PTSBZ-MUU6U-DEGV3-2W2XU-FPKFZ-WYF44" ></script>
|
|
|
+<script>
|
|
|
+ // 初始化地图
|
|
|
+ var map = new TMap.Map('container', {
|
|
|
+ zoom: 13, // 设置地图缩放
|
|
|
+ center: new TMap.LatLng(39.980348322221694, 116.31315861457483), // 设置地图中心点坐标,
|
|
|
+ pitch: 0, // 俯仰度
|
|
|
+ rotation: 0, // 旋转角度
|
|
|
+ });
|
|
|
|
|
|
+ // MultiMarker文档地址:https://lbs.qq.com/webApi/javascriptGL/glDoc/glDocMarker
|
|
|
+ var marker = new TMap.MultiMarker({
|
|
|
+ map: map,
|
|
|
+ styles: {
|
|
|
+ // 点标记样式
|
|
|
+ marker: new TMap.MarkerStyle({
|
|
|
+ width: 20, // 样式宽
|
|
|
+ height: 30, // 样式高
|
|
|
+ anchor: { x: 10, y: 30 }, // 描点位置
|
|
|
+ src: 'https://mapapi.qq.com/web/lbs/javascriptGL/demo/img/markerDefault.png', // 标记路径
|
|
|
+ }),
|
|
|
+ },
|
|
|
+ geometries: [
|
|
|
+ // 点标记数据数组
|
|
|
+ {
|
|
|
+ // 标记位置(经度,纬度,高度)
|
|
|
+ position: new TMap.LatLng(39.98210863924864, 116.31310899739151, 134),
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ });
|
|
|
+</script>
|
|
|
</html>
|