leaflet 块状，并点击变色

1. 点击块状，变色，效果如下

2. 代码如下：


var that=this;that.partyDistrictLayer = L.geoJson(data, {     //获取边界并定义style: {weight: 2,opacity: 1,color: 'red',dashArray: '4',fillOpacity: 0.2,fillColor: '#FFEDA0'},onEachFeature: ((feature, layer) => { //对每个小块进行定义layer.on({//mouseover：移入mouseover: ((e) => {var layer = e.target;layer.setStyle({weight: 5,color: '#666',dashArray: '',fillOpacity: 0.5});if (!L.Browser.ie && !L.Browser.opera) {layer.bringToFront();}}),//mouseout：移出mouseout: ((e) => {// that.partyDistrictLayer.resetStyle(e.target);     //恢复样式var layer = e.target;layer.setStyle({weight: 2,opacity: 1,color: 'red',dashArray: '4',fillOpacity: 0.2,fillColor: '#FFEDA0'});}),//click事件click: ((e) => {_map.fitBounds(e.target.getBounds());var code = parseInt(e.target.feature.id);if (that.level == 2) code = parseInt(e.target.feature.properties.XZDM);if (code > 620700000) {return;}//大于市级,就返回if (code < 6207) {return;}if (that.partyDistrictLayer != undefined) {_map.removeLayer(that.partyDistrictLayer);}if (that.qlsMarkerLayer != undefined) {_map.removeLayer(that.qlsMarkerLayer);}that.getAround(code);that.RefreshPartyLayers(code);})});})}).addTo(_map);_map.fitBounds(that.partyDistrictLayer.getBounds());

leaflet 块状，并点击变色相关推荐

jQuery 分类导航菜单条点击变色
JQuery 分类导航菜单条点击变色,当点击导航菜单则当前点击选中导航菜单变色其它还原,依次类推. <script type="text/javascript" src=&q ...
android按钮点击变化,Android实现按钮点击效果（第一次点击变色，第二次恢复）...
1.首先创建一个按钮 android:id="@+id/click" android:layout_width="fill_parent" android:la ...
Android recyclerView/listview的点击变色、点击换背景颜色
一言不合就上图点击变色: 这里没有用到什么高大上的技术点,只是静下心好好想想"面向对象",利用一点小逻辑. 我这里用的是recyclerView控件,在recyclerView的 ...
Android实现按钮点击效果（第一次点击变色，第二次恢复）
1.首先创建一个按钮 <Button android:id="@+id/click" android:layout_width="fill_parent" ...
android 点击变色的两种情况、textview点击变色以及自定义checkbox
注意,对于布局类型的,设置clickable=true 1.不需要使用shape的情况 drawable下新建一个资源文件,在需要的地方setbackground <?xml version=& ...
Androidstudio之TextView点击变色
使用环境: 1 文字信息点击变色 1.1 点击变色,再点击恢复颜色 1.2 点击变色,松开恢复 1.1 处理方法: <TextViewandroid:layout_marginTop=" ...
PowerPoint超链接点击变色
大家对PowerPoint一定很熟悉了!作为一名小学生,在班里没少见老师用课件,我也经常看到我妈做课件(她是中学老师). 今天一海口的同学问我说怎么给超链接点击变色,说点一下就跳转走,再回去时就成别的 ...
js实现按钮点击变色，其他的按钮恢复默认颜色
JavaScript实现按钮点击变色,其他的按钮恢复默认颜色,则需通过循环实现,当有按钮点击的时候,先将所有的按钮的颜色,更改为空,然后在针对,鼠标点击的相应的按钮,进行更改按钮颜色: onclick ...
超链接（按钮）点击变色，原来的恢复原色
网页超链接(按钮)点击变色,原来的恢复原色,这里所说的并不是利用css的link.hover.active所实现的,而是利用一小段js代码实现的.实现的效果为:我们看电影的时候,我们点击哪一集的链接, ...

leaflet 块状，并点击变色

leaflet 块状，并点击变色相关推荐

最新文章

热门文章