Leaflet fixed InnerHTML-"popup"-div
HTML
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.2/leaflet.css">
<script src="http://cdn.leafletjs.com/leaflet-0.6.2/leaflet.js"></script>
<div id="map"></div>
<div id="feature_infos"> <span id="heading">Clickresult: </span>
<span id="info"></span>
</div>
CSS
html, body, #map {
width:100%;
height:100%;
padding:0px !important;
margin:0px !important;
}
#feature_infos {
width:25%;
height: 25%;
background: rgba(255, 255, 255, 0.7);
position: absolute;
top:0px;
right:0px;
padding:5px;
border:1px solid grey;
display:block;
}
#info {
font-weight:bold;
color:red;
}
JavaScript
var geojson =
{
"type": "FeatureCollection",
"totalFeatures": 14,
"features": [{
"type": "Feature",
"id": "placenames_large.305700699",
"geometry": {
"type": "Point",
"coordinates": [-124.99999998259965, 54.99999999471976]
},
"geometry_name": "way",
"properties": {
"place": "state",
"name": "British Columbia",
"ref": "BC",
"bbox": [-124.99999998259965, 54.99999999471976, -124.99999998259965, 54.99999999471976]
}
}, {
"type": "Feature",
"id": "placenames_large.305700703",
"geometry": {
"type": "Point",
"coordinates": [-114.99999988399192, 54.99999999471976]
},
"geometry_name": "way",
"properties": {
"place": "state",
"name": "Alberta",
"ref": "AB",
"bbox": [-114.99999988399192, 54.99999999471976, -114.99999988399192, 54.99999999471976]
}
}, {
"type": "Feature",
"id": "placenames_large.305700705",
"geometry": {
"type": "Point",
"coordinates": [-97.00000008649755, 55.000000094719795]
},
"geometry_name": "way",
"properties": {
"place": "state",
"name": "Manitoba",
"ref": "MB",
"bbox": [-97.00000008649755, 55.000000094719795, -97.00000008649755, 55.000000094719795]
}
}, {
"type": "Feature",
"id": "placenames_large.305700708",
"geometry": {
"type": "Point",
"coordinates": [-66.7500002907083, 46.50000029495521]
},
"geometry_name": "way",
"properties": {
"place": "state",
"name": "New Brunswick",
"ref": "NB",
"bbox": [-66.7500002907083, 46.50000029495521, -66.7500002907083, 46.50000029495521]
}
}, {
"type": "Feature",
"id":...