Использование GeoComplete без маркера

Question

Я использую this plugin для автозаполнения поля ввода местоположения.

То, что я сделал до сих пор IS-

$(function() 
 
{ 
 
\t $("#find_product_location").geocomplete(
 
\t { 
 
\t \t map \t \t \t : "#product_location", 
 
\t \t mapOptions \t : 
 
\t \t { 
 
\t \t \t mapTypeId : 'roadmap', \t \t //roadmap, satellite,hybrid, terrain, 
 
\t \t \t scrollwheel \t : true, 
 
\t \t \t zoom: 10, 
 
\t \t \t center : new google.maps.LatLng(37.42152681633113, -119.27327880000001), 
 
\t \t }, 
 
\t \t markerOptions: 
 
\t \t { 
 
\t \t \t draggable: true 
 
\t \t }, 
 
\t }) 
 
\t \t .bind("geocode:result", function(event, result) 
 
\t \t { 
 
\t \t \t console.log('Success'); 
 
\t \t \t //console.log(result); 
 
\t \t }) 
 
\t \t .bind("geocode:error", function(event, status) 
 
\t \t { 
 
\t \t \t console.log('Error'); 
 
\t \t \t //console.log(status); 
 
\t \t }) 
 
\t \t .bind("geocode:multiple", function(event, results) 
 
\t \t { 
 
\t \t \t console.log('Multiple'); 
 
\t \t \t //console.log(results); 
 
\t \t }); 
 
});

#product_location 
 
{ 
 
\t width: 100%; 
 
\t 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>

Но проблема в том, когда выбирается место, есть маркер создан и маркер показал на карте.

Мое требование - я не хочу маркер здесь.

Я просто хочу, чтобы иметь другие функциональные возможности (автоматический режим масштабирования, расположение изменения в карте и т.д.).

Может ли кто-нибудь помочь?

Answer 1

Вы можете использовать Официальный API Карт Google - Place Autocomplete Autocomplete - это функция библиотеки мест в API JavaScript Карт Google. Вы можете использовать автозаполнение, чтобы придать вашим приложениям поведение поиска в режиме поиска по-новому в поле поиска Google Карт. Когда пользователь начинает вводить адрес, автозаполнение заполняет остальные.

function initMap() { 
    var map = new google.maps.Map(document.getElementById('map'), { 
    center: {lat: -33.8688, lng: 151.2195}, 
    zoom: 13 
    }); 
    var input = /** @type {!HTMLInputElement} */(
     document.getElementById('pac-input')); 

    var types = document.getElementById('type-selector'); 
    map.controls[google.maps.ControlPosition.TOP_LEFT].push(input); 
    map.controls[google.maps.ControlPosition.TOP_LEFT].push(types); 

    var autocomplete = new google.maps.places.Autocomplete(input); 
    autocomplete.bindTo('bounds', map); 


    var address = ''; 
    if (place.address_components) { 
     address = [ 
     (place.address_components[0] && place.address_components[0].short_name || ''), 
     (place.address_components[1] && place.address_components[1].short_name || ''), 
     (place.address_components[2] && place.address_components[2].short_name || '') 
     ].join(' '); 
    } 

    }); 

    // Sets a listener on a radio button to change the filter type on Places 
    // Autocomplete. 
    function setupClickListener(id, types) { 
    var radioButton = document.getElementById(id); 
    radioButton.addEventListener('click', function() { 
     autocomplete.setTypes(types); 
    }); 
    } 

    setupClickListener('changetype-all', []); 
    setupClickListener('changetype-address', ['address']); 
    setupClickListener('changetype-establishment', ['establishment']); 
    setupClickListener('changetype-geocode', ['geocode']); 
}