Javascript Google上的URL变量';我的地图&x27;
所以我有这个:Javascript Google上的URL变量';我的地图&x27;,javascript,html,google-maps,url,Javascript,Html,Google Maps,Url,所以我有这个: <iframe src="https://mapsengine.google.com/map/embed?mid=zkXLRR9SQKDQ.kfLF9HxBaALo&z=15" width="100%" height="100%"></iframe> 我设法在这里找到了缩放代码,但是我找不到一种方法来删除显示在地图顶部的带有我的google帐户内容的灰色条。 可以找到屏幕截图。 有没有办法使用URL参数删除此条?我认为不可能删除此条。相反,您
<iframe src="https://mapsengine.google.com/map/embed?mid=zkXLRR9SQKDQ.kfLF9HxBaALo&z=15" width="100%" height="100%"></iframe>
我设法在这里找到了缩放代码,但是我找不到一种方法来删除显示在地图顶部的带有我的google帐户内容的灰色条。
可以找到屏幕截图。
有没有办法使用URL参数删除此条?我认为不可能删除此条。相反,您可以使用GoogleMapsJavaScriptAPI。它相当容易使用,并给你更多的控制。下面是一个使用正确缩放级别加载位置的示例:
html,
身体,
#地图画布{
身高:100%;
保证金:0;
填充:0;
}
函数初始化(){
var latLng=新的google.maps.latLng(51.4893169,-2.1182648);
变量映射选项={
中心:拉特林,
缩放:15,
};
var map=new google.maps.map(document.getElementById('map-canvas'),
地图选项);
var图像处理http://icons.iconarchive.com/icons/visualpharm/must-have/256/Check-icon.png';
var marker=new google.maps.marker({
位置:latLng,
地图:地图,
图标:图像
});
}
google.maps.event.addDomListener(窗口“加载”,初始化);
如果需要地图的特定样式,可以使用
根据您在页面上放置地图的位置,它可能与滚动冲突。如果是这种情况,则将滚轮选项设置为false。这允许您在地图上滚动,而无需为其缩放功能取消滚动事件。我已将plnkr更新为使用滚轮:false
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
html,
body,
#map-canvas {
height: 100%;
margin: 0;
padding: 0;
}
</style>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js">
</script>
<script type="text/javascript">
function initialize() {
var latLng = new google.maps.LatLng(51.4893169, -2.1182648);
var mapOptions = {
center: latLng,
zoom: 15,
};
var map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
var image = 'http://icons.iconarchive.com/icons/visualpharm/must-have/256/Check-icon.png';
var marker = new google.maps.Marker({
position: latLng,
map: map,
icon: image
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
</html>