改变谷歌地图的位置
change location of google maps
我想在我的网页上集成谷歌地图
我使用的方法是这样的:
<section id="contact" class="map">
<iframe width="100%" height="500px" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&aq=0&oq=twitter&sll=28.659344,-81.187888&sspn=0.128789,0.264187&ie=UTF8&hq=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&t=m&z=15&iwloc=A&output=embed"></iframe>
<br />
<small>
<!-- <a href="https://maps.google.com/maps?f=q&source=embed&hl=en&geocode=&q=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&aq=0&oq=twitter&sll=28.659344,-81.187888&sspn=0.128789,0.264187&ie=UTF8&hq=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&t=m&z=15&iwloc=A"></a>-->
</small>
</iframe>
</section>
这是一个实时plunkr: http://plnkr.co/edit/Pakox2L63kO0i5dR9iPh?p=preview
问题:如何将位置更改为其他内容。我的意思是,在谷歌地图上,我可以选择位置并粘贴它,因为它是在src部分有一个新的位置。
(例如,我想指向这个位置:https://www.google.co.in/maps/place/Cafe+Coffee+Day/@18.558569,73.791647,17z/data=!3m1!4b1!4m2!3m1!)1 s0x3bc2bed9d33bfd3b: 0 x913791c91ba6cb4c)
谢谢
如果你想操作你的map,就不要使用这段代码。
下面是Google地图的基本示例代码。
<!DOCTYPE html>
<html>
<head>
<title>Simple Map</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<style>
html, body, #map-canvas {
height: 100%;
margin: 0px;
padding: 0px
}
</style>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<script>
var map;
function initialize() {
var mapOptions = {
zoom: 8,
center: new google.maps.LatLng(-34.397, 150.644)
};
map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);`
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
</html>
您可以通过https://developers.google.com/maps/documentation/javascript/examples/了解更多信息
google.maps.event.addListener(map, 'click', function(e) {
alert(e.latLng());
});
当你点击地图时,它会得到它的位置和位置
如果你使用的iframe很难操作,你可以使用Google maps API。它是可定制的,你可以改变很多设置:Google Maps API
相关文章:
- 谷歌地图固定位置覆盖
- 在谷歌地图上绘制位置数据库
- 使用ASP.NET将谷歌地图添加到项目中,并从数据库中检索位置
- PHP谷歌地图-位置红色气球没有显示
- 谷歌地图laravel上圆圈的错误位置
- 点击href在谷歌地图中加载位置
- 使用谷歌地图API和phonegap显示当前位置+方向
- 谷歌地图API标记没有标记我的位置
- 在TWebBrowser(谷歌地图)中显示位置,而无需单击按钮
- 如何使用谷歌地图中的纬度和经度搜索附近的位置
- 在谷歌地图上显示所有搜索到的位置结果
- markrimage在谷歌地图api v3中的特定位置后消失
- 谷歌地图Javascript API位置库
- 如何在谷歌地图上为单个位置添加多个标记
- 地理位置谷歌地图jquery
- 显示提醒MSG分享你的位置谷歌地图
- 没有找到当前位置-谷歌地图API
- 添加默认位置谷歌地图
- 如何将多个标记添加到移动位置谷歌地图,Javascript
- 获取一个点附近的政治位置 - 谷歌地图API V3