vendredi 24 juin 2016

Using GeoComplete Without Marker


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&amp;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.

enter image description 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