Skobbler Leaflet Test

HTML

<link rel="stylesheet" href="http://storage.api.skobbler.net/web/js/leaflet/leaflet-0.4.5/leaflet.css">
<script src="http://storage.api.skobbler.net/web/js/leaflet/leaflet-0.4.5/leaflet.js"></script>
<div id="map"></div>

CSS

#map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.goby {
    font-size: 14pt;
}

.icon {
    font-size: 18pt;
}

.leaflet-popup-content-wrapper {
     border-radius: 5px;
}

.leaflet-popup-content {
    margin: 4px 10px;
}

.leaflet-container a.leaflet-popup-close-button {
    font-size: 8px;
    padding: 0;
}

JavaScript

var map = L.map('map').setView([42.351207,-71.057521], 18);

L.tileLayer('http://tiles{s}.skobbler.net/osm_tiles2/2.0/2/{z}/{x}/{y}.png', {
    subdomains: [1,2,3,4],
    maxZoom: 18
}).addTo(map);

var marker = L.marker([42.351207,-71.057521]).addTo(map);

marker.bindPopup('<span class="goby">Goby <span class="icon">&#10052;</span></span>').openPopup();