高德地图-点击事件
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>异步加载</title> 6 <script type="text/javascript"> 7 var map=null; 8 var marker=null; 9 function eventHandler(e){ 10 var lnglat = e.lnglat; 11 //alert(lnglat.lng+":"+lnglat.lat); //经度 12 if(marker!=null){ 13 marker.setPosition(lnglat); 14 }else{ 15 marker = new AMap.Marker({ 16 map:map, 17 position:lnglat, 18 title:"商店", 19 icon:"http://webapi.amap.com/images/0.png", 20 offset:new AMap.Pixel(-10,-34) 21 }) 22 marker.setMap(map); 23 } 24 } 25 function init() { 26 var d = new Date(); 27 map = new AMap.Map(mapDiv, { 28 view:new AMap.View2D({ 29 center: new AMap.LngLat(116.39, 39.9), 30 zoom:15 31 }) 32 }); 33 var listener = AMap.event.addListener(map,"click",eventHandler); 34 } 35 function loadScript() { 36 var script = document.createElement("script"); 37 script.type = "text/javascript"; 38 script.src = "http://webapi.amap.com/maps?v=1.3&key=973ff4275eaf1fb1ba1292a967ba116b&callback=init"; 39 document.body.appendChild(script); 40 } 41 window.onload = loadScript; 42 </script> 43 </head> 44 <body> 45 <input type="button" value="aaa"/> 46 <div id="mapDiv" style="width:800px; height:600px"></div> 47 48 </body> 49 </html>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix