最近使用maptalks的時候需要更換一下地圖的底圖,在官網上找到了例子,這裏記錄下
先放鏈接 maptalks官方示例
使用方法非常簡單
var imageLayer = new maptalks.ImageLayer('images',
[
{
url : '1.png',
extent: [-0.11854216406254636, 51.50043810048564, -0.09081885168461667, 51.50994770979011],
opacity : 1
},
{
url : '2.png',
extent: [-0.10343596289067136, 51.50797115663946, -0.07897421667485105, 51.51876102463089],
opacity : 1
}
]);
map.addLayer(imageLayer);
具體解釋下參數叭
url:很明顯圖片的路徑 引用方式url:require(’./imgs/backImg.png’),
extent:圖片的範圍四個參數分別是[xMin,yMin,xMax,yMax],這四個參數調整的時候暫未找到有啥快捷的辦法就挨個數字調試
opacity :透明度