gpt4 book ai didi

php - Google Maps v2 div 在 map 内部或上方

转载 作者:搜寻专家 更新时间:2023-10-31 20:55:22 25 4
gpt4 key购买 nike

我只需要在 map 内部或上方放置一个(或更多)div,类似于 map 区域内的菜单,

当我加载我的地​​图时,我需要这个 div 在那里...

css 做不对吗?

那个div包含php代码...

最佳答案

是的,这可以通过 CSS 定位轻松完成。考虑以下简短示例:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps v2 API: Floating Div</title>
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false"
type="text/javascript"></script>
</head>
<body onunload="GUnload()">

<div style="position: relative;">
<div id="map_canvas" style="width: 400px; height: 300px;"></div>
<div style="position: absolute; top: 0px;
width: 100px; height: 100px; background-color: grey;">
Menu Here
</div>
</div>

<script type="text/javascript">
var map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(38.00, -100.00), 3);
</script>
</body>
</html>

截图:

Google Maps v2 API: Floating Div

关于php - Google Maps v2 div 在 map 内部或上方,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3225170/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com