This uses Leaflet.js and makes an AJAX call to your GIS Service on ArcServer. Just change the URL to the location of your service. You can drag the textfile to the map and it will put markers on the map. And change the map center coordinates so it is where you want to be. Mine is in Albuquerque. This uses Drag and Drop functionality in HTML5 so you need a new browser - just use chrome.
My address file looks like this:
7520 Corona Ave NE
600 2nd St NW
6200 Paseo Del-Norte
3805 Northern Blvd NE
3701 Constitution Ave NE
320 Yale Boulevard SE
6001 Lomas Blvd NE
My HTML File:
<html>
<head>
<title></title>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.css" />
<style>
#map{
height: 100%;
width:100%;
}
</style>
</head>
<body>
<script src="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.js"></script>
<div id="map" ></div>
<script>
var map = L.map('map',
{
center: [35.10418, -106.62987],
zoom: 9
});
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png').addTo(map);
function handleFileSelect(evt) {
evt.stopPropagation();
evt.preventDefault();
var files = evt.dataTransfer.files; // FileList object.
var reader = new FileReader();
reader.onload = function(event) {
var temp=event.target.result;
var text=temp.replace( /\n/g, "," );
var c=text.split(",");
for(i=0;i<c.length;i++){
url1="http://YourDomain/ArcGIS/rest/services/AddressLocator/GeocodeServer/findAddressCandidates?Street=";
url2=String(c);
url3="&outFields=&outSR=4326&f=pjson";
url=url1.concat(url2,url3);
var xhReq = new XMLHttpRequest();
xhReq.open("GET", url, false);
xhReq.send(null);
var serverResponse = xhReq.responseText;
var d=JSON.parse(serverResponse);
if(typeof d.candidates[0] == 'undefined'){alert("error in address: "+url2);}
else{
L.marker([parseFloat(d.candidates[0].location.y),parseFloat(d.candidates[0].location.x)]).addTo(map).bindPopup(url2);
}
}
}
var s = reader.readAsText(files[0],"UTF-8");
}
function handleDragOver(evt) {
evt.stopPropagation();
evt.preventDefault();
evt.dataTransfer.dropEffect = 'copy'; // Explicitly show this is a copy.
}
// Setup the dnd listeners.
var dropZone = document.getElementById('map');
dropZone.addEventListener('dragover', handleDragOver, false);
dropZone.addEventListener('drop', handleFileSelect, false);
</script>
</body>
</html>
