I am using this plugin for autocomplete of location input field.
What I have done so far is-
$(function()
{
$("#find_product_location").geocomplete(
{
map : "#product_location",
mapOptions :
{
mapTypeId : 'roadmap', //roadmap, satellite,hybrid, terrain,
scrollwheel : true,
zoom: 10,
center : new google.maps.LatLng(37.42152681633113, -119.27327880000001),
},
markerOptions:
{
draggable: true
},
})
.bind("geocode:result", function(event, result)
{
console.log('Success');
//console.log(result);
})
.bind("geocode:error", function(event, status)
{
console.log('Error');
//console.log(status);
})
.bind("geocode:multiple", function(event, results)
{
console.log('Multiple');
//console.log(results);
});
});
#product_location
{
width: 100%;
height: 400px;
}
<input id="find_product_location" type="text" placeholder="Type Your Address"/>
<input id="find" type="button" value="find" />
<div id="product_location"></div>
<script src="http://maps.googleapis.com/maps/api/js?sensor=true&libraries=places"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/geocomplete/1.7.0/jquery.geocomplete.min.js"></script>
But the problem is, when a location is selected, there is a marker created and the marker is showed in the map.
My requirement is I don't want the marker here.
I just want to have other functionalities (auto zoom set, change location in map etc).
Can anyone please help?
Aucun commentaire:
Enregistrer un commentaire