高德地图开发

2024-07-16 06:54| 来源: 网络整理| 查看: 265

概述：

参考高德API：点标记

1、分析高德例子

自定义图标 var infoWindow; var map = new AMap.Map("container", { resizeEnable:true, center:[116.473188,39.993253], zoom:13 }); //添加点标记，并使用自己的icon new AMap.Marker({ map: map, position: map.getCenter(), icon: new AMap.Icon({ size: new AMap.Size(40, 50), //图标大小 image: "http://webapi.amap.com/theme/v1.3/images/newpc/way_btn2.png", imageOffset: new AMap.Pixel(0, -60) }) });

效果

总结：

主要分为三个部分，1.引入css，js， 2.html标签，3，js代码，1和2部分这里忽略可以参考：点击打开链接

现在把 http://webapi.amap.com/theme/v1.3/images/newpc/way_btn2.png 下载下来

为了验证判断是否正确可以设置 imageOffset: new AMap.Pixel(0, -120)，看是否显示下面有个圈圈

先到boostrap截取图片保存为png格式

修改部分

效果：

可以自己尝试一下

【本文地址】

公司简介

联系我们