| 123456789101112131415161718192021222324252627282930313233343536 |
- <!--
- 【微信消息 - 定位】
- -->
- <template>
- <div>
- <el-link type="primary" target="_blank" :href="'https://map.qq.com/?type=marker&isopeninfowin=1&markertype=1&pointx=' + locationY + '&pointy=' + locationX + '&name=' + label + '&ref=yudao'">
- <img :src="'https://apis.map.qq.com/ws/staticmap/v2/?zoom=10&markers=color:blue|label:A|' + locationX + ',' + locationY + '&key=' + qqMapKey + '&size=250*180'">
- <p/><i class="el-icon-map-location"></i>{{label}}
- </el-link>
- </div>
- </template>
- <script>
- export default {
- name: "wxLocation",
- props: {
- locationX: {
- required: true,
- type: Number
- },
- locationY: {
- required: true,
- type: Number
- },
- label: { // 地名
- required: true,
- type: String
- },
- qqMapKey: { // QQ 地图的密钥 https://lbs.qq.com/service/staticV2/staticGuide/staticDoc
- required: false,
- type: String,
- default: 'TVDBZ-TDILD-4ON4B-PFDZA-RNLKH-VVF6E' // 需要自定义
- }
- }
- };
- </script>
|
