trying to add print on leaflet map

[ashleycribb]

Here is my html file.

<TITLE>Permitable</TITLE>

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script src="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.js"></script> <script src="../content/leaflet.print.js"></script> <script src="http://localhost:8080/mapfish-print/pdf/info.json?var=printConfig"></script> <script> var map, printProvider, printControl, ll = new L.LatLng(34.22629, -77.872991);

map = L.map('map', {
    center: ll,
    zoom: 15
});

L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
  attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

L.marker(ll).addTo(map);

// Create the print provider, subscribing to print events
var printProvider = L.print.provider({
      capabilities: printConfig,
      method: 'GET',
  dpi: 254,
  outputFormat: 'pdf',
  customParams: {
    mapTitle: 'Print Test',
    comment: 'Testing Leaflet printing'
  }
});

// Create a print control with the configured provider and add to the map
var printControl = L.control.print({
  provider: printProvider
});

map.addControl(printControl);
</script>

The control is not coming up to print. Am I doing something wrong?

[aratcliffe]

Hi @ashleycribb, what is the problem you're having? Can you repost your HTML in a code block or add as an attachment.

[ashleycribb]

Adam,
For the most part I wanted to be able to print the map. When I created a file based on your “template” the control for leaflet was not showing up when it rendered. So, I started over last night and used ESRI’s example, but, still have the issue of wanting a “student” or the use case of being able to print out where their apartment is in relation to what we call a One Mile radius around campus.

<title>Esri Leaflet Geocoder</title> <script src="http://cdn.leafletjs.com/leaflet-1.0.0-b1/leaflet.js"></script> <script src="//cdn.jsdelivr.net/leaflet.esri/2.0.0-beta.6/esri-leaflet.js"></script> <script src="//cdn.jsdelivr.net/leaflet.esri.geocoder/2.0.0/esri-leaflet-geocoder.js"></script> <style> #map { position: fixed; top: 0; bottom: 0; left: 0; right: 0; } </style>

<script> var map = L.map('map').setView([34.22629, -77.872991], 15);

L.circle([34.22629, -77.872991], 1609.34).addTo(map);

var tiles = L.tileLayer("http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png").addTo(map);

var arcgisOnline = L.esri.Geocoding.arcgisOnlineProvider();

// create the geocoding control and add it to the map
var searchControl = L.esri.Geocoding.geosearch({
    providers: [arcgisOnline]
}).addTo(map);

// create an empty layer group to store the results and add it to the map
var results = L.layerGroup().addTo(map);

// listen for the results event and add every result to the map
searchControl.on("results", function(data) {
    results.clearLayers();
    for (var i = data.results.length - 1; i >= 0; i--) {
        results.addLayer(L.marker(data.results[i].latlng));
    };
});
</script>

Thank you,
Ashley

From: Adam Ratcliffe [mailto:notifications@github.com]
Sent: Tuesday, November 24, 2015 5:33 AM
To: aratcliffe/Leaflet.print Leaflet.print@noreply.github.com
Cc: Cribb, Ashley cribba@uncw.edu
Subject: Re: [Leaflet.print] trying to add print on leaflet map (#18)

Hi @ashleycribbhttps://github.com/ashleycribb, what is the problem you're having? Can you repost your HTML in a code block or add as an attachment.

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/18#issuecomment-159224077.