小编use*_*911的帖子

我怎样才能在leaflet.js中设置layer.control的样式？

我正在尝试更改图层控件中的默认下拉菜单图标.我想在图标旁边放置文字.有没有办法做到这一点？也许使用JQuery和CSS？

我正在根据这个例子开发一个传单项目:http://leafletjs.com/examples/layers-control.html

码:

<html>
<head>
    <title>Leaflet Layers Control Example</title>
        <meta charset="utf-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="../dist/leaflet.css" />
</head>
<body>
    <div id="map" style="width: 600px; height: 400px"></div>

    <script src="../dist/leaflet.js"></script>
    <script>
        var cities = new L.LayerGroup();

        L.marker([39.61, -105.02]).bindPopup('This is Littleton, CO.').addTo(cities),
        L.marker([39.74, -104.99]).bindPopup('This is Denver, CO.').addTo(cities),
        L.marker([39.73, -104.8]).bindPopup('This is Aurora, CO.').addTo(cities),
        L.marker([39.77, -105.23]).bindPopup('This is Golden, CO.').addTo(cities);


        var cmAttr = 'Map data &copy; 2011 OpenStreetMap contributors, Imagery &copy; 2011 Clou   dMade',
        cmUrl = 'http://{s}.tile.cloudmade.com/BC9A493B41014CAABB98F0471D759707/{styleId}/256/{z}/{x}/{y}.png';

    var minimal   = L.tileLayer(cmUrl, …

Run Code Online (Sandbox Code Playgroud)

javascript css jquery leaflet

use*_*911

2014 01-13

4
推荐指数

2
解决办法

2万
查看次数