个人中心
gpt4 book ai didi

jquery - 如何让谷歌地图 API v3 显示点？

转载 作者：行者123 更新时间：2023-12-01 08:17:24 25 4
gpt4 key购买 nike

我正在使用Google Maps Api v3显示 map 。

这是 JQuery:

<script type="text/javascript">
    var myOptions = {
         zoom: 8,
         center: new google.maps.LatLng($("#lat").val(), $("#long").val()),
          mapTypeId: google.maps.MapTypeId.HYBRID  
    };
    var map = new google.maps.Map(document.getElementById("map"), myOptions);

但是 map 没有突出显示这一点。它只是显示 map 上的区域...我希望它看起来像这样:

enter image description here

最佳答案

用标记看一下这个例子的源代码: http://code.google.com/apis/maps/documentation/javascript/examples/infowindow-simple.html

使用您的代码的示例:

    <script type="text/javascript" src="//maps.googleapis.com/maps/api/js?sensor=false"></script>

    <script type="text/javascript">
        function initialize() {

            var myLatlng = new google.maps.LatLng($("#lat").val(), $("#long").val());
            //var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
            var myOptions = {
                zoom: 8,
                center: myLatlng,
                mapTypeId: google.maps.MapTypeId.HYBRID
            };
            var map = new google.maps.Map(document.getElementById("map"), myOptions);

            var contentString = '<div id="content">Info window html</div>';

            var infowindow = new google.maps.InfoWindow({
                content: contentString
            });

            var marker = new google.maps.Marker({
                position: myLatlng,
                map: map,
                title: 'Marker Title'
            });

            google.maps.event.addListener(marker, 'click', function() {
                infowindow.open(map, marker);
            });
        }

    </script>
</head>
<body onload="initialize()">
<div id="map" style="width: 400px; height: 300px;"></div>
</body>

关于jquery - 如何让谷歌地图 API v3 显示点？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9664470/

25 4 0
文章推荐： scala - 在scala中的特征中初始化特征
文章推荐： python - Python 中的值替换递归
文章推荐： spring - Grails Spring Security 插件和 dbconsole
文章推荐： python - 将文件对话框添加到菜单功能(打开)wxpython 3
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com