30 changed files with 339 additions and 149 deletions
|
Before Width: | Height: | Size: 5.4 KiB After Width: | Height: | Size: 5.5 KiB |
@ -0,0 +1,55 @@ |
|||
<!-- |
|||
* @Author: wally |
|||
* @email: 18603454788@163.com |
|||
* @Date: 2021-01-13 16:33:32 |
|||
* @LastEditors: wally |
|||
* @LastEditTime: 2021-01-13 16:45:28 |
|||
--> |
|||
<!-- |
|||
Copyright (c) 2020. |
|||
author: song |
|||
email: 15235360226@163.com |
|||
--> |
|||
|
|||
<template> |
|||
<!--百度地图容器--> |
|||
<div id="mapCSD" style="width: 100%; height: 392px"></div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: 'ContactMapCsd', |
|||
components: {}, |
|||
data() { |
|||
return {}; |
|||
}, |
|||
mounted() { |
|||
// 百度地图API功能 |
|||
var map = new BMap.Map('mapCSD'); // 创建Map实例 |
|||
// 初始化地图,设置中心点坐标和地图级别 |
|||
var point = new BMap.Point(112.564637, 37.804071); |
|||
map.centerAndZoom(point, 18); |
|||
var marker = new BMap.Marker(point); // 创建标注 |
|||
// marker.setTitle('山西创时代专业孵化器有限公司'); |
|||
map.addOverlay(marker); // 将标注添加到地图中 |
|||
var content = '<table>'; |
|||
content = content + '<tr><td> 山西创时代专业孵化器有限公司</td></tr>'; |
|||
content = content + '<tr><td></td></tr>'; |
|||
content = content + '<tr><td> 山西综改示范区太原学府园区产业路38号高新置业副楼西区902室</td></tr>'; |
|||
content += '</table>'; |
|||
var infowindow = new BMap.InfoWindow(content); |
|||
marker.openInfoWindow(infowindow); |
|||
// 设置标注动画效果。如果参数为null，则取消动画效果。该方法需要在addOverlay方法后设置 |
|||
marker.setAnimation(Animation); |
|||
|
|||
//添加地图类型控件 |
|||
map.addControl(new BMap.MapTypeControl({ mapTypes: [BMAP_NORMAL_MAP, BMAP_HYBRID_MAP] })); |
|||
map.setCurrentCity('太原'); // 设置地图显示的城市 此项是必须设置的 |
|||
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放 |
|||
}, |
|||
|
|||
methods: {}, |
|||
}; |
|||
</script> |
|||
|
|||
<style lang="stylus" scoped></style> |
|||
Loading…
Reference in new issue