vue項目中使用騰訊地圖


最近在使用騰訊地圖api(以下以位置數據可視化API為例),在初建項目之后,按照官網的說法,直接引入

再將官網的初始化例子放一個方法

 

 

在mounted中調用即可看到騰訊地圖,但是我引入之后,一直報TMap undefined,在網上搜到一種npm引入地圖的方式,但是那個庫太老了,沒有GL的,別的就沒搜到什么有用的東西了(也可能是因為我搜的說法不對),后來一位大佬指點,在控制台console一下window,發現TMap在window里,所以官網上說用TMap的,我都得用window.TMap。后來發現這種外部引入的資源都在window里,要是想要不加window這一層,涉及一個webpack的

externals配置,在vue.config.js中加入

 

 ,然后在需要使用TMap的地方引入

 

 ,這樣就可以用TMap了。當時自己為這個問題在浪費了幾個小時,也是自己對webpack不了解。希望能對有這個問題的人有幫助~

more: 另外一個小坑,關於散點圖的應用,散點圖的點擊事件,如果在散點外某些地方點擊也能觸發,或者在散點上點擊有的地方不能觸發,可以看一下電腦的頁面縮放比,或者是瀏覽右上角查看瀏覽器縮放比,看是不是100%,目前100%才能正常點擊。可以在控制台輸入window.devicePixelRatio,如果是1就是百分百,否則就需要調一下了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM