需求是在网页上撸个地图,npm上的qqmap莫名其妙的白图,然后我就懵逼了,然后去看了一眼;
产品通知
- 街景API 将在 2020-04-22 停止新用户接入,文档同步下线,已接入用户不受影响。
(涉及命名空间:qq.maps.Panorama)- 服务类API 将在 2020-04-22 停止新用户接入,文档同步下线,已接入用户不受影响,新用户请使用功能更为丰富的 WebServiceAPI
(涉及命名空间:qq.maps.SearchService,qq.maps.TransferService,qq.maps.LineService,qq.maps.StationService,qq.maps.DrivingService,qq.maps.Geocoder,qq.maps.CityService)- Web3D地图 JavaScript API GL正式版发布,体验炫酷、功能完备,优先推荐使用。
重点:搜索的密钥需要自己去注册
<template>
<div class="tmap">
<div class="btn">
<button @click="getMapCenter">获取中心</button>
<button @click="change2D">2D视图</button>
<button @click="change3D">3D视图</button>
<div>
<input type="text" placeholder="请输入地名" v-model="keywords" />
<button @click="searchEvent">搜索</button>
</div>
</div>
<div class="map" id="container" ref="tmap" style="width:100%;height:400px"></div>
</div>
</template>
<script>
import jsonp from "jsonp";
export default {
name: "TMap",
data() {
return {
map: {
},
center: {
},
TMap: {
},
marker: {
},
keywords: ""
};
},
props: {
tMapKey: {
default: "OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77",
type: String
}
},
mounted() {
this<