D3 Examples - if your lat longs are in json like [[lat,lng],[lat,lng]]

xxxxxxxxxx
 
<!DOCTYPE html>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=1024, user-scalable=no">
    <style>
      html { height: 100% }
      body { height: 100%; margin: 0; padding: 0;}
      #map{ height: 100% }
    </style>
  
    <link rel="stylesheet" href="https://cdn.leafletjs.com/leaflet-0.5.1/leaflet.css" />
 
<title>demo</title>
<div id="map"></div>
<script src="https://d3js.org/d3.v3.js"></script>
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.5.1/leaflet.min.js"></script>
<script>
​
var m = L.map("map").setView([42.32466638027291, -71.03656768798827],12);
 
L.tileLayer("https://otile{s}.mqcdn.com/tiles/1.0.0/osm/{z}/{x}/{y}.jpeg",{subdomains: '1234',attribution:mapQuestAtribution}).addTo(m);
​
var points = [[42.273361363221234,-71.06777456829644],[42.34238635075838,-71.07948956163563],[42.34742134986678,-71.06437956453692],[42.37798134159632,-71.03175957194567],[42.30550635761091,-71.07104956456502],[42.3435763521727,-71.1030095510643],[42.288686360392404,-71.06531456719428],[42.349776350425564,-71.13680954389888],[42.30056768330731,-71.06144031975411],[42.30875923462831,-71.07048253276814],[42.28006137219149,-71.08005457168726],[42.31856741569006,-71.08057410152196],[42.33783635273842,-71.10534955135],[42.347016352010606,-71.08873955723516],[42.280116130623725,-71.1710750225228],[42.37905134152835,-71.03921957128391],[42.29494483255371,-71.11568104025291],[42.29476708984268,-71.08204973463677],[42.34967134707843,-71.0575995668326],[42.32362635536083,-71.06866956658841],[42.30571324276524,-71.10937985136252],[42.33399620086,-71.07639944483249],[42.33813135135215,-71.07463956227294],[42.36349634766589,-71.06160456467367],[42.310216358592015,-71.10233955447904],[42.32826005383348,-71.090855725592],[42.3144163654993,-71.0852945507125],[42.34638135067946,-71.08482955775418],[42.356387172433934,-71.13838923238703],[42.35452792484379,-71.12746667164964],[42.309216355423466,-71.07226956247786],[42.3457093365999,-71.08853224075027],[42.32564685183248,-71.06349325313566],[42.35085635198395,-71.07448956386254],[42.34487135075635,-71.10097955375888],[42.282956363147115,-71.08194955688859],[42.32007135665495,-71.09842455551109],[42.34671134954096,-71.08008456132156],[42.29406136260782,-71.09005455665684],[42.31089635637845,-71.05768456987764],[42.34982135034365,-71.10043955404078],[42.351141352789384,-71.07665956517987],[42.28243964435559,-71.09446652239646],[42.3494813502062,-71.07618456084971],[42.35164135188799,-71.07485456293708],[42.314003924036726,-71.1122604923693],[42.33662635086077,-71.07843955876537],[42.28264315694896,-71.07376016980895],[42.29043054922279,-71.12075299051035],[42.31107091645636,-71.09236952469037],[42.33792854168825,-71.09304082388341],[42.36164323925699,-71.05998179533012],[42.33725134931763,-71.04994957109962],[42.313326592476194,-71.06425943072695],[42.27747810207842,-71.15234231284526],[42.33390635242699,-71.03810457429827],[42.33731135319685,-71.05384956322163],[42.339275286261135,-71.09932742445687],[42.35085635198395,-71.07448956386254],[42.28716136006792,-71.0639095676689],[42.29843635910122,-71.08672955994464],[42.33615936412513,-71.04673834054674],[42.34878635104479,-71.09540455498696],[42.38178134286695,-71.04036456980825],[42.32070635634161,-71.10003455245977],[42.345081349917365,-71.0798595586115],[42.28771427214795,-71.08590952410299],[42.3394013508141,-71.08011956073811],[42.38597125204406,-71.00884068239951],[42.34917134829905,-71.06532956383909],[42.33602635167822,-71.079959560256],[42.25930806831428,-71.14812357876731],[42.31114135814536,-71.07549956226283],[42.38428634794622,-71.01383458782666],[42.35644164627529,-71.05255446488806],[42.33325635197107,-71.07289956010916],[42.30722135875135,-71.07624456365028],[42.30722135875135,-71.07624456365028],[42.35899634818824,-71.05567956767572],[42.289441368907504,-71.06265375149249],[42.30270643181413,-71.07344963589111],[42.35262134987885,-71.1480595364024],[42.33739635198313,-71.08385455885406],[42.34830635405773,-71.09897955808306],[42.3241607591674,-71.08695679129303],[42.3536113510902,-71.12936454384177],[42.27094136371855,-71.09191955741026],[42.341011350043466,-71.05716456750068],[42.348741352602644,-71.08226455947654],[42.3128513566348,-71.05805956835789],[42.2980213589778,-71.08752956076107],[42.34663135066957,-71.10508954990192],[42.36493634452853,-71.06222956470125],[42.357906346469704,-71.06006456498316],[42.28465231432983,-71.0784217205159],[42.37918437086019,-71.02795393967178],[42.3142463571511,-71.06559456562086],[42.34746135277879,-71.09061955587815],[42.342385356912324,-71.14457943425751],[42.29106636044068,-71.05694456802512],[42.3323813529353,-71.0845145549114],[42.29201136021995,-71.12217454884227]];
​
points.forEach(function(point){
L.marker(point).addTo(m);
})
​
var mapQuestAtribution ='Tiles Courtesy of <a href="https://www.mapquest.com/">MapQuest</a> &mdash; Map data Map data &copy; <a href="https://openstreetmap.org">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>'; 
</script>
    