Mapquest

gistfile1.js

/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

    var to;
    var from;
    var fromLat;
    var fromLon;
    var toLat;
    var toLon;
    var toName;
    var fromName;
   
    MQA.EventUtil.observe(window, 'load', function() {
          window.map = new MQA.TileMap(
            
            document.getElementById('map'),
            5,
            {lat:52.241256, lng:-1.186523},
            'map');
            
            
    });
   
    function routeMe() {
        from = document.getElementById('from').value;
        to = document.getElementById('to').value;
        
        if (to != "" && from != "") {
            MQA.withModule('largezoom','nominatim', function() {
                  MQA.Nominatim.search (
                    [from], null, null, fromLatLng
                );
                MQA.Nominatim.search (
                    [to], null, null, toLatLng
                );
            });
        
        }
        
    }
   
    function fromLatLng(response) {
        fromLat = response[0].lat;
        fromLng = response[0].lon;
        fromName = response[0].displayName;
        directions();
        
        var objHidden1 = document.getElementById("fromLat");
        objHidden1.value = fromLat;
        
        var objHidden2 = document.getElementById("fromLon");
        objHidden2.value = fromLng;
        
        var objHidden3 = document.getElementById("fromName");
        objHidden3.value = fromName;
        
        alert(fromName);
    }
   
    function toLatLng(response) {
        toLat = response[0].lat;
        toLng = response[0].lon;
        toName = response[0].displayName;
        directions();
        
        var objHidden1 = document.getElementById("toLat");
        objHidden1.value = fromLat;
        
        var objHidden2 = document.getElementById("toLon");
        objHidden2.value = fromLng;
        
        var objHidden3 = document.getElementById("toName");
        objHidden3.value = toName;
        
        alert(toName);
    }
   
    function directions() {
        MQA.withModule('largezoom','directions', function() {

            map.addRoute([
                {latLng:{lat:fromLat,lng:fromLng}},
                {latLng:{lat:toLat,lng:toLng}}
            ],{ribbonOptions:{draggable:true,draggablepoi:true}});
            
            map.addControl(
                new MQA.LargeZoom(), 
                new MQA.MapCornerPlacement(MQA.MapCorner.TOP_LEFT, new MQA.Size(5,5))
              );
                  
                  
                  
                  
        });
    }