jQuery autocomplete + Google Maps
Jeg er igang med at lave en søgefunktion til adresser. Har brugt følgende build til det:http://gmap3.net/examples/address-lookup.html
Problemet er nu at det virker perfekt med en HTML input tekstboks, men ikke med en asp:textbox som er det jeg skal bruge.
Derudover vil jeg gerne have at asp:textbox'en returnerer koordinator istedet for blot adressen.
Kode:
<script type="text/javascript">
$(function () {
$("#MapsMap").gmap3();
$('#MapsAddress').autocomplete({
//This bit uses the geocoder to fetch address values
source: function (request, response) {
$("#MapsMap").gmap3({
action: 'getAddress',
address: request.term,
callback: function (results) {
if (!results) return;
response($.map(results, function (item) {
return {
label: item.formatted_address,
value: item.formatted_address,
latLng: item.geometry.location
}
}));
}
});
},
//This bit is executed upon selection of an address
select: function (event, ui) {
$("#MapsMap").gmap3(
{ action: 'clear', name: 'marker' },
{ action: 'addMarker',
latLng: ui.item.latLng,
map: { center: true }
}
);
}
});
});
</script>
<input id="MapsAddress" type="text" />
<div id="MapsMap" class="gmap3"></div>