提交 d52a3900 作者: 18928357778
...@@ -41,27 +41,27 @@ export default function MapComponent() { ...@@ -41,27 +41,27 @@ export default function MapComponent() {
const addEntiy = (AMap: any, lan: any, lon: any, dizhi: string) => { const addEntiy = (AMap: any, lan: any, lon: any, dizhi: string) => {
if (!AMap) return; if (!AMap) return;
// 创建 AMap.Icon 实例: // // 创建 AMap.Icon 实例:
const Icon = new AMap.Icon({ // const Icon = new AMap.Icon({
size: new AMap.Size(40, 50), // 图标尺寸 // size: new AMap.Size(40, 50), // 图标尺寸
image: "//webapi.amap.com/theme/v1.3/images/newpc/way_btn2.png", // Icon的图像 // image: "//webapi.amap.com/theme/v1.3/images/newpc/way_btn2.png", // Icon的图像
imageOffset: new AMap.Pixel(0, -60), // 图像相对展示区域的偏移量,适于雪碧图等 // imageOffset: new AMap.Pixel(0, -60), // 图像相对展示区域的偏移量,适于雪碧图等
imageSize: new AMap.Size(40, 50), // 根据所设置的大小拉伸或压缩图片 // imageSize: new AMap.Size(40, 50), // 根据所设置的大小拉伸或压缩图片
}); // });
// 将 Icon 实例添加到 marker 上: // // 将 Icon 实例添加到 marker 上:
const marker = new AMap.Marker({
position: new AMap.LngLat(lan, lon),
offset: new AMap.Pixel(-10, -10),
icon: Icon, // 添加 Icon 实例
title: dizhi,
zoom: 9,
map: Map,
});
// const marker = new AMap.Marker({ // const marker = new AMap.Marker({
// map: Map, // position: new AMap.LngLat(lan, lon),
// position: [lan, lon], // offset: new AMap.Pixel(-10, -10),
// icon: Icon, // 添加 Icon 实例
// title: dizhi, // title: dizhi,
// zoom: 9,
// map: Map,
// }); // });
const marker = new AMap.Marker({
map: Map,
position: [lan, lon],
title: dizhi,
});
// //鼠标点击marker弹出自定义的信息窗体 // //鼠标点击marker弹出自定义的信息窗体
// AMap.Event.addListener(marker, "click", function () { // AMap.Event.addListener(marker, "click", function () {
// infoWindow.open(map, marker.getPosition()); // infoWindow.open(map, marker.getPosition());
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论