Leaflet初体验0x1:标注,弹窗,事件

本文介绍了Leaflet库的使用,包括创建Markers、circles和polygons,展示了如何配合popups(弹窗)进行交互,并详细讨论了如何处理地图上的事件。
摘要由CSDN通过智能技术生成

Markers, circles and polygons

//添加标注
var marker = L.marker([42.05,121.66]).addTo(mymap);
//画圆
var circle = L.circle([42.05,121.64],{
	color:'red',
	fillColor:'#f03',
	fillOpacity:0.5,
	radius:500
}).addTo(mymap);
//画多边形
var polygon = L.polygon([
	[42.057813,121.661045],
	[42.059071,121.673693],
	[42.05251,121.675921],
	[42.05101,121.663129]
]).addTo(mymap);

Working with popups(弹窗)

//给maker,circle,polygon绑定事件
marker.bindPopup("<b>Hello Leaflet!</b><br>I am a popup.").openPopup();
circle.bindPopup("I am a circle.");
polygon.bindPopup("I am a polygon");
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值