添加地点搜索框

时间:2014-12-09 10:04:31

标签: google-maps-api-3

我正在使用Google API开发自己的地图。 这是我的开始示例http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/examples/speed_test_example.html

如何在此地图中添加地方搜索框? https://developers.google.com/maps/documentation/javascript/examples/places-searchbox

我是初学者:) 谢谢 爱莲

1 个答案:

答案 0 :(得分:0)

请参阅Google + Developer页面上的JavaScript + HTML示例。

您必须指定一个输入框,例如

<input id="pac-input" class="controls" type="text" placeholder="Search Box">

并执行像

这样的JavaScript
[...]

var input = /** @type {HTMLInputElement} */(
    document.getElementById('pac-input'));
    map.controls[google.maps.ControlPosition.TOP_LEFT].push(input);

var searchBox = new google.maps.places.SearchBox(
    /** @type {HTMLInputElement} */(input));

[...]

但所有这些都列在https://developers.google.com/maps/documentation/javascript/examples/places-searchbox上。