popupContent demo

by nathanbweb

HTML

<link rel="stylesheet" href="https://api.tiles.mapbox.com/mapbox.js/v1.6.3/mapbox.css">
<script src="https://api.tiles.mapbox.com/mapbox.js/v1.6.3/mapbox.js"></script>
<div id="map" style="width: 550px; height: 600px"></div>

JavaScript

var layerOne =  {"type": "FeatureCollection","features": [
    {
      "type": "Feature",
      "properties": {
        "name": "Utrecht",
         "popupContent": "Pudebit te, inquam, illius tabulae",
         "marker-size": "large",
	     "marker-color": "#de0c14"
      },
      "geometry": {
        "type": "Point",
        "coordinates": [
          5.11962890625,
          52.11325243469631
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "name": "Rotterdam",
        "popupContent": "Quarum ambarum rerum cum medicinam pollicetur",
         "marker-size": "large",
	     "marker-color": "#de0c14"
      },
      "geometry": {
        "type": "Point",
        "coordinates": [
          4.4879150390625,
          51.91716758909015
        ]
      }
    }
]};

var layerTwo =  {"type": "FeatureCollection","features": [
    {
      "type": "Feature",
      "properties": {
        "name": "Eindhoven",
        "popupContent": "Quae fere omnia appellantur ",
        "marker-size": "small",
        "marker-symbol": "circle",
	    "marker-color": "#de0c14"
      },
      "geometry": {
        "type": "Point",
        "coordinates": [
          5.47119140625,
          51.45400691005982
        ]
      }
    }
]};

var layerThree =  {"type": "FeatureCollection","features": [
    {
      "type": "Feature",
      "properties": {
        "name": "Arnhem",
        "popupContent": "luxuriae licentiam pollicetur"
      },
      "geometry": {
        "type": "Point",
        "coordinates": [
          5.8941650390625,
          51.981496940474614
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "name": "Amsterdam",
        "popupContent": "quam Cleanthes sane commode verbis depingere soleba"
      },
      "geometry": {
        "type": "Point",
        "coordinates": [
          4.910888671875,
          52.3688917060255
        ]
      }
    }
  ]
};    

var popupContent = "";
function...