在gmaps地图上添加透明div

时间:2015-08-06 18:37:54

标签: jquery css

我希望能够在gmap生成的地图上添加透明div。

我试图将z-index设置得很高,但没有帮助

这是我的代码

<!DOCTYPE html>
<html>
    <head>
        <title>Gmap basic example</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
        <script src="gmaps.js"></script>
    </head>
    <body>
        <div id="map" style="width:100%; height: 350px;">

            <div id="topmapiv" style="width:100%; height: 50px; z-index:1000000000000;">hjajjs hjhsjdjd</div>
        </div>
        <script>
        $(document).ready(function(){
            alert("Hi");
            map = new GMaps({
              div: '#map',
              lat: -12.043333,
              lng: -77.028333
            });
        });
        </script>
    </body>
</html>

我有一种方法可以做到这一点,而无需额外的插件,这将是完美的。 感谢

0 个答案:

没有答案