我正在尝试将地图集中在我指定的LatLng上,但我不确定如何这样做。我有这个 iframe 链接:
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0"
marginwidth="0" src="https://maps.google.es/maps?f=q&source=embed&
hl=es&geocode=&q=Cam%C3%AD+Vell+d'Altea,+33,+L'Alf%C3%A0s+del+Pi&
aq=0&oq=cam%C3%AD+vell+d'altea+33&
sll=40.396764,-3.713379&sspn=13.49375,19.753418&ie=UTF8&hq=&
hnear=Cam%C3%AD+Vell+d'Altea,+33,+03581+L'Alf%C3%A0s+del+Pi,+Alicante,+Comunidad+
Valenciana&t=m&ll=38.570757,-0.076316&spn=0.001743,0.004128&
z=14&layer=c&cbll=38.570736,-0.076335&panoid=DplK9JGOu0KAPqoT95VMgQ&
cbp=12,309.4,,0,8.19&output=svembed"></iframe><br /><small>
我希望它是使用Google 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"
http://maps.googleapis.com/maps/api/js?key=MY_KEY&sensor=false&callback=initialize>
</script>
<script type="text/javascript">
function initialize() {
var myOptions = {
center: new google.maps.LatLng(13.49375,19.75341),
zoom: 12,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
}
function loadScript()
{
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://maps.googleapis.com/maps/api/js?key=MY_KEY&sensor=false&callback=initialize";
document.body.appendChild(script);
}
window.onload = loadScript;
</script>
但我想将iframe的具体地址添加到我刚刚复制的Google API中。我不知道这么做。
那么,我如何在Google Maps API上链接地图?
非常感谢。
答案 0 :(得分:0)
这样做的简单方法是使用像maps.huge.info/pinpointaddress.htm这样的地理编码服务,它可以为您提供一些坐标。 (对于那个,你需要稍微移动标记以使其显示坐标)。
然后,使用正确的坐标替换代码中的13.49375,19.75341
,例如38.570918,-0.076218
:
center: new google.maps.LatLng(38.570918,-0.076218),
不要一次提出多个问题。请询问有关StreetView的其他问题。目前尚不清楚您是在API地图或Google地图中询问Streetview。