Question

我使用了如下所示的网站代码，让我在页面中显示谷歌地图。你可以在http://www.pcpro.co.uk/blogs/wp-content/uploads/2010/12/google-maps-simple-example.html

看到它的实际效果

我的问题是，当用户点击地图在新窗口中打开链接时，如何更改代码？

谢谢

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>  
<script type="text/javascript">
    $(document).ready(function () {
        // Define the latitude and longitude positions
        var latitude = parseFloat("38.1447817");
        var longitude = parseFloat("23.848843");
        var latlngPos = new google.maps.LatLng(latitude, longitude);
        // Set up options for the Google map
        var myOptions = {
            zoom: 15,
            center: latlngPos,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        // Define the map
        map = new google.maps.Map(document.getElementById("map"), myOptions);
        // Add the marker
        var marker = new google.maps.Marker({
            position: latlngPos,
            map: map,
            title: "Auto Marin"
        });
    });
</script>


<div id="map" style="width:230px;height:140px;"></div>

Answer 1

您可以添加event listener.

google.maps.event.addListener(map, "click", function(){
     window.open(*LINK*)
});

点击谷歌地图，在新窗口中打开一个链接

1 个答案: