如何使用javascript和谷歌地图api进行自动搜索；“我附近的酒吧”；使用我的GPS作为我网站中的相对位置点？

我有下面的问题， 使用javascript和google maps api自动搜索“我附近的酒吧”，使用我的GPS作为网站中的相对位置点。 例如，我加载了正在运行的网站，其中嵌入了谷歌地图，没有搜索功能，可以自动定位我的GPS位置（我已经完成了）。 问题在于没有搜索框自动搜索“我附近的酒吧”，以便在网站加载时为任何浏览网站的人自动搜索。 以下是迄今为止的编码：

    <div id="mapholder">

    <script src="http://maps.google.com/maps/api/js?output=embed&sensor=true"></script>

</div>

<script>
    navigator.geolocation.getCurrentPosition(showPosition, showError);

function showPosition(position) {
    var searched = "pubs near me";

    lat = position.coords.latitude;
    lon = position.coords.longitude;
    latlon = new google.maps.LatLng(lat, lon)
    mapholder = document.getElementById('mapholder')
    mapholder.style.height = '550px';
    mapholder.style.width = '1000px';

    var myOptions = {
    center:latlon,zoom:15,
    mapTypeId:google.maps.MapTypeId.ROADMAP,
    mapTypeControl:false,
    navigationControlOptions:{style:google.maps.NavigationControlStyle.SMALL}
    }

    var map = new google.maps.Map(document.getElementById("mapholder"), myOptions);
    var marker = new google.maps.Marker({position:latlon,map:map,title:"You are here!"});
}

function showError(error) {
    switch(error.code) {
        case error.PERMISSION_DENIED:
            x.innerHTML = "User denied the request for Geolocation."
            break;
        case error.POSITION_UNAVAILABLE:
            x.innerHTML = "Location information is unavailable."
            break;
        case error.TIMEOUT:
            x.innerHTML = "The request to get user location timed out."
            break;
        case error.UNKNOWN_ERROR:
            x.innerHTML = "An unknown error occurred."
            break;
    }
}

</script>

navigator.geolocation.getCurrentPosition（showPosition，showError）；
功能显示位置（位置）{
var=“我附近的酒吧”；
纬度=位置坐标纬度；
lon=位置坐标经度；
latlon=新的google.maps.LatLng（lat，lon）
mapholder=document.getElementById（'mapholder'））
mapholder.style.height='550px'；
mapholder.style.width='1000px'；
变量myOptions={
中心：拉特隆，缩放：15，
mapTypeId:google.maps.mapTypeId.ROADMAP，
mapTypeControl:false，
navigationControlOptions:{style:google.maps.NavigationControlStyle.SMALL}
}
var map=new google.maps.map（document.getElementById（“mapholder”），myOptions）；
var marker=new google.maps.marker（{position:latlon，map:map，title:“You here！”}）；
}
功能错误（错误）{
开关（错误代码）{
案例错误。权限被拒绝：
x、 innerHTML=“用户拒绝了地理位置请求。”
打破
案例错误。位置不可用：
x、 innerHTML=“位置信息不可用。”
打破
大小写错误。超时：
x、 innerHTML=“获取用户位置的请求超时。”
打破
案例错误。未知错误：
x、 innerHTML=“发生未知错误。”
打破
}
}

您可以使用该库，它使您的应用程序能够搜索包含在定义区域内（如地图边界）或固定点周围的地点（在此API中定义为机构、地理位置或重要关注点）

使用Places服务，您可以执行四种搜索：

- Nearby Search
- Text Search
- Radar Search
- Place Details Request

附近搜索允许您搜索指定区域内的位置。您可以通过提供关键字或指定要搜索的位置类型来优化搜索请求

---

它将结果限制在与指定类型匹配的位置。只能指定一种类型（如果提供了多个类型，则忽略第一个条目后面的所有类型）。查看您分配的

var search=“pubs near me”

列表，但您从未使用过它。我运行了您的代码，它显示“谷歌地图API警告：Noapikes”。你在地图脚本中使用过谷歌api键吗？嘿，Abdul，我使用的逻辑不需要api键，这就是为什么。