Google maps 在谷歌地图中使用地理编码API搜索位置
我想从谷歌地图urlGoogle maps 在谷歌地图中使用地理编码API搜索位置,google-maps,google-maps-api-3,geolocation,geocoding,Google Maps,Google Maps Api 3,Geolocation,Geocoding,我想从谷歌地图url中获得完全相同的结果。”http://maps.google.co.in/maps?q=canara+bank&hl=en&sll=12.953997,77.63094&sspn=1.069318,1.234589&hq=canara+bank&t=m&z=10“,使用谷歌地图API 我尝试过使用地理编码API,但有些未能达到类似的效果 <!DOCTYPE html> <html> <head> <meta name="viewpor
中获得完全相同的结果。”http://maps.google.co.in/maps?q=canara+bank&hl=en&sll=12.953997,77.63094&sspn=1.069318,1.234589&hq=canara+bank&t=m&z=10“
,使用谷歌地图API
我尝试过使用地理编码API,但有些未能达到类似的效果
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html {
height: 100%
}
body {
height: 100%;
margin: 0;
padding: 0
}
#map_canvas {
height: 100%
}
</style>
<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDjW1WmSDPUaziJY6DtwMtRLhsGrzy7YLA&sensor=false">
</script>
<script type="text/javascript">
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(populateData,showError);
}
else{alert("Geolocation is not supported by this browser.");}
}
function showError(error)
{
switch(error.code)
{
case error.PERMISSION_DENIED:
alert("User denied the request for Geolocation.");
break;
case error.POSITION_UNAVAILABLE:
alert("Location information is unavailable.");
break;
case error.TIMEOUT:
alert("The request to get user location timed out.");
break;
case error.UNKNOWN_ERROR:
alert("An unknown error occurred.");
break;
}
}
function populateData(position)
{
var geocoder = new google.maps.Geocoder();
var address = "canara bank";
geocoder.geocode( {
'address': "canara bank"
}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
var latitude = results[0].geometry.location.lat() ;
var longitude = results[0].geometry.location.lng();
var mapOptions = {
//display the map center from the user location
center: new google.maps.LatLng(position.coords.latitude,position.coords.longitude),
zoom: 9,
zoomControl:true,
zoomControlOptions: {
style:google.maps.ZoomControlStyle.SMALL
},
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
mapOptions);
var marker = new google.maps.Marker({
position: new google.maps.LatLng(results[0].geometry.location.lat(), results[0].geometry.location.lng()),
map: map
});
//for placing the markers
var markers;
var i;
for(i=0;i<results.length;i++){
markers = new google.maps.Marker({
position: new google.maps.LatLng(results[i].geometry.location.lat(), results[i].geometry.location.lng()),
map: map,
});
}
var circleOptions = new google.maps.Circle({
center: new google.maps.LatLng(latitude, longitude),
radius: 2000,
strokeColor: "#FF0000",
strokeOpacity: 0.5,
strokeWeight: 2,
fillColor: "#FF0000",
fillOpacity: 0.35,
map: map
});
}
} );
}
</script>
</head>
<body onload="getLocation()">
<div id="map_canvas" style="width: 100%; height: 50%"></div>
<form name="form_simple" action=" " method="get">
<center>
<label id="d1"> map test</label>
</center>
</form>
html{
身高:100%
}
身体{
身高:100%;
保证金:0;
填充:0
}
#地图画布{
身高:100%
}
函数getLocation()
{
if(导航器.地理位置)
{
navigator.geolocation.getCurrentPosition(populateData,showError);
}
else{alert(“此浏览器不支持地理位置”。);}
}
功能错误(错误)
{
开关(错误代码)
{
案例错误。权限被拒绝:
警报(“用户拒绝了地理定位请求”);
打破
案例错误。位置不可用:
警报(“位置信息不可用”);
打破
大小写错误。超时:
警报(“获取用户位置的请求超时”);
打破
案例错误。未知错误:
警报(“发生未知错误”);
打破
}
}
函数填充数据(位置)
{
var geocoder=new google.maps.geocoder();
var address=“卡纳拉银行”;
地理编码({
“地址”:“卡纳拉银行”
},功能(结果、状态){
if(status==google.maps.GeocoderStatus.OK){
var latitude=results[0]。geometry.location.lat();
var longitude=results[0]。geometry.location.lng();
变量映射选项={
//从用户位置显示地图中心
中心:新的google.maps.LatLng(位置.坐标.纬度,位置.坐标.经度),
缩放:9,
动物控制:对,
ZoomControl选项:{
样式:google.maps.ZoomControlStyle.SMALL
},
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map(document.getElementById(“map_canvas”),
地图选项);
var marker=new google.maps.marker({
位置:新建google.maps.LatLng(结果[0].geometry.location.lat(),结果[0].geometry.location.lng()),
地图:地图
});
//用于放置标记
var标记;
var i;
对于(i=0;i“卡纳拉银行”不是地址。将地址转换为坐标(来自文档):
地理编码是将地址(如“加利福尼亚州山景城1600圆形剧场公园路”)转换为
地理坐标(如纬度37.423021和经度-122.083739)
您想要:
GooglePlacesAPI是一种返回有关地点信息的服务,在该API中定义为
机构、地理位置或重要兴趣点
“卡纳拉银行”不是地址。将地址转换为坐标(来自文档):
地理编码是将地址(如“加利福尼亚州山景城1600圆形剧场公园路”)转换为
地理坐标(如纬度37.423021和经度-122.083739)
您想要:
GooglePlacesAPI是一种返回有关地点信息的服务,在该API中定义为
机构、地理位置或重要兴趣点
U表示此参数?新建google.maps.LatLng(12.953997,77.63094);是。在使用google Places API中使用“关键字”字段找到解决方案。U表示此参数?新建google.maps.LatLng(12.953997,77.63094);是。在using google Places API中找到使用“关键字”字段的解决方案。谢谢。在using google Places API中找到使用“关键字”字段的解决方案。Hi@jasdmystery能否请您提供一个将关键字与地点API一起使用的示例谢谢。在using google Places API中找到使用“关键字”字段的解决方案。Hi@jasdmystery能否请提供一个将关键字与PlacesAPI一起使用的示例