在Google地图中删除Google Pin + Break新行标记文字

时间:2018-03-08 03:25:42

标签: google-maps google-maps-markers

I have this image.. 我想要的是: 1.删​​除红色谷歌针 2.将蓝色文本分成多行,就像信息窗口一样

我环顾四周,一些答案是:在标题或内容中使用\ n或
。 我尝试过它们但都没有用。 对我来说唯一有用的是标签(但不知怎的,它不会识别\ n或者

我有一个简单代码的jsfiddle HTTPS * // *的jsfiddle净/ boyboyjc / 0gp101oL / 19 /

非常感谢任何帮助

1 个答案:

答案 0 :(得分:0)

我不确定我理解 - 你可以在没有任何标记的情况下打开infowindows,所以这可能会有所帮助吗?

<html>
    <head>
        <meta charset='utf-8' />
        <title>Google Maps: Infowindow with no marker</title>
        <script async defer src="//maps.google.com/maps/api/js?key=<API-KEY>&callback=initMap&region=en-GB&language=en"></script>
        <script>
            var map;


            function initMap(){
                var infoWindow = new google.maps.InfoWindow({
                    maxWidth:100
                });
                var centre=new google.maps.LatLng( 55.959553, -3.178480 );


                map = new google.maps.Map( document.getElementById('map'), {
                    zoom: 15,
                    center: centre,
                    mapTypeId: google.maps.MapTypeId.ROADMAP,
                    disableDefaultUI: true
                } );


                infoWindow.setContent( "an infoWindow, centred on Edinburgh for no apparent reason, with no markers anywhere to be seen." );
                infoWindow.setPosition( centre );
                infoWindow.open( map, null );
            }
        </script>

        <style>
            body{ background:white;padding:0;margin:0; }

            #map {
                width: 100%;
                height:100%;
                max-height: 100%;
                clear:none;
                display:block;
                background:white;
            }
        </style>
    </head>
    <body>
        <div id='map'></div>
    </body>
</html>