在react+umi項目中使用百度地圖,坐標點加不上去,嘗試了很多都沒有成功
useEffect(() => {
const map = new window.BMapGL.Map('container');
const point = new window.BMapGL.Point(113.573436, 22.14041);
// var points = new Array(); //存放标注点经纬信息的数组
// var marker = new Array(); //存放标注点对象的数组
var poisData = [];
const searchPlace = (keyword: string) => {
var options = {
onSearchComplete: function (results: any) {
poisData = results._pois;
const myIcon = new BMapGL.Icon(
require("@/assets/img/phone.png"),
new BMapGL.Size(52, 65)
);
poisData.map((item: any) => {
//console.log(item.point.lng,item.point.lat)
var marker = new BMapGL.Marker(new window.BMapGL.Point(item.point.lng, item.point.lat), {
icon: myIcon, // 更换标记点样式
}); // 创建点
map.addOverlay(marker);
})
}
};
var local = new window.BMapGL.LocalSearch(map, options);
local.search(keyword);
};
searchPlace('學校');
map.centerAndZoom(point, 15);
map.enableScrollWheelZoom();
}, []);