Python HTML使标记可以在谷歌地图上点击_Python_Html_Google Maps

Python HTML使标记可以在谷歌地图上点击

python html google-maps

Python HTML使标记可以在谷歌地图上点击,python,html,google-maps,Python,Html,Google Maps,我正在使用Python中的gmplot绘制一些标记。它会生成一个如下所示的html文件： <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <title>Google Maps -

我正在使用Python中的gmplot绘制一些标记。它会生成一个如下所示的html文件：

<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps - pygmaps </title>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=visualization&sensor=true_or_false"></script>
<script type="text/javascript">
    function initialize() {
        var centerlatlng = new google.maps.LatLng(4.670719, -74.099096);
        var myOptions = {
            zoom: 13,
            center: centerlatlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

        var latlng = new google.maps.LatLng(11.008578, -74.813284);
        var img = new google.maps.MarkerImage('/home/vladimir/anaconda3/lib/python3.5/site-packages/gmplot/markers/FF0000.png');
        var marker = new google.maps.Marker({
        title: "http://www.google.com",
        icon: img,
        position: latlng
        });
        marker.setMap(map);

        var latlng = new google.maps.LatLng(10.396109, -75.518069);
        var img = new google.maps.MarkerImage('/home/vladimir/anaconda3/lib/python3.5/site-packages/gmplot/markers/FF0000.png');
        var marker = new google.maps.Marker({
        title: "http://www.google.com",
        icon: img,
        position: latlng
        });
        marker.setMap(map);
        ... (and so on)
    }
</script>
</head>
<body style="margin:0px; padding:0px;" onload="initialize()">
    <div id="map_canvas" style="width: 100%; height: 100%;"></div>
</body>
</html>


谷歌地图-Pygmap
函数初始化（）{
var centerlatlng=新的google.maps.LatLng（4.670719，-74.099096）；
变量myOptions={
缩放：13，
中心：中心板条，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map（document.getElementById（“map_canvas”），myOptions）；
var latlng=新的google.maps.latlng（11.008578，-74.813284）；
var img=new google.maps.MarkerImage（'/home/vladimir/anaconda3/lib/python3.5/site packages/gmplot/markers/FF0000.png'）；
var marker=new google.maps.marker({
标题：“http://www.google.com",
图标：img，
职位：latlng
});
marker.setMap（map）；
var latlng=新的google.maps.latlng（10.396109，-75.518069）；
var img=new google.maps.MarkerImage（'/home/vladimir/anaconda3/lib/python3.5/site packages/gmplot/markers/FF0000.png'）；
var marker=new google.maps.marker({
标题：“http://www.google.com",
图标：img，
职位：latlng
});
marker.setMap（map）；
…（等等）
}

其中

/home/vladimir/anaconda3/lib/python3.5/site packages/gmplot/markers/FF0000.png

是保存标记文件的目录。我有很多类似的点，每一点我都有一个URL。在本例中，我将URL简单地放在标记的标题中。当我用web浏览器打开html文件并将鼠标悬停在标记上时，URL就会显示给我。我想能够点击标记，让浏览器打开URL。我没有很多HTML方面的知识，所以我觉得这相当困难。我感谢你的帮助和真诚。谢谢。

您可以为marker添加一个用于管理侦听器单击事件的功能

        function initialize() {
            var centerlatlng = new google.maps.LatLng(4.670719, -74.099096);
            var myOptions = {
                zoom: 13,
                center: centerlatlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

            // add a function  for closure 
            var addListenersOnMarker = function(actMarker,  aTarget,) {

                google.maps.event.addListener(actMarker, 'click', function (event) {
                     window.open(aTarget, '_blank');
                });  
             }


            var latlng = new google.maps.LatLng(11.008578, -74.813284);
            var img = new google.maps.MarkerImage('/home/vladimir/anaconda3/lib/python3.5/site-packages/gmplot/markers/FF0000.png');
            var marker = new google.maps.Marker({
            //title: "http://www.google.com",
            icon: img,
            position: latlng
            });
            marker.setMap(map);

            // call the function for listener
            addListenersOnMarker( marker,  "http://www.google.com" )  ;


            var latlng = new google.maps.LatLng(10.396109, -75.518069);
            var img = new google.maps.MarkerImage('/home/vladimir/anaconda3/lib/python3.5/site-packages/gmplot/markers/FF0000.png');
            var marker = new google.maps.Marker({
            //title: "http://www.google.com",
            icon: img,
            position: latlng
            });
            marker.setMap(map);

            // call the function for listener
            addListenersOnMarker( marker,  "http://www.google.com" )  ;

            var 
            ... (and so on)

        }

您是否尝试过

marker.addEventListener（'click'，function（）{…}）？@GonsaloSousa不。我应该使用什么功能来跟踪链接？我应该对每个标记都这样做吗？