Mapstraction

Geocode another address

Example Code

<!-- HTML Map element - the size must be specified here, or in the CSS -->
<div id="mapstraction" style="width: 400px; height: 400px;"></div>

<!-- Map Provider & Geocoder Javascript includes -->
<script src=" http://btilelog.beta.mapquest.com/tilelog/transaction?transaction=script&key=mjtd%7Clu6t210anh%2Crn%3Do5-labwu&itk=true&v=5.3.0_RC5&ipkg=controls1" type="text/javascript"></script>
<!-- The JSAPI Source files -->
<script src="mapquest-js/mqcommon.js" type="text/javascript"></script>
<script src="mapquest-js/mqutils.js" type="text/javascript"></script>
<script src="mapquest-js/mqobjects.js" type="text/javascript"></script>
<script src="mapquest-js/mqexec.js" type="text/javascript"></script>


var mapstraction = new Mapstraction('mapstraction',''mapquest');
mapstraction.setCenterAndZoom(new LatLonPoint(0,0), 1);


function geocode_return(geocoded_location) {

    // display the map centered on a latitude and longitude (Google zoom levels)
    mapstraction.setCenterAndZoom(geocoded_location.point, 15);

    mapstraction.addControls({
        pan: true, 
        zoom: 'small',
        map_type: true 
    });
    // create a marker positioned at a lat/lon 
    geocode_marker = new Marker(geocoded_location.point);

    var address = geocoded_location.street + ", " 
                    + geocoded_location.locality + ", " 
                    + geocoded_location.region;
    geocode_marker.setLabel("A");
    geocode_marker.setInfoBubble(address);

    // display marker 
    mapstraction.addMarker(geocode_marker);

    // open the marker
    geocode_marker.openBubble();
}

// initialise the map with your choice of API
var geocoder = new MapstractionGeocoder(geocode_return, 'mapquest');

var address = new Object();
address.street = "752 Spring Dr.";
address.locality = "Northville";
address.region = "Michigan";
address.country = "US";

geocoder.geocode(address);

function user_submit() {
    var address = new Object();
    address.address = document.getElementById('address').value;
    geocoder.geocode(address);
}
</script>