更改JavaScript映射中元素的链接颜色

时间:2019-04-08 19:07:47

标签: javascript google-maps hyperlink

我想在javascript google maps工具提示窗口中更改链接颜色。 默认情况下,地图使用“ a /”首选项,但我想为此链接使用自己的颜色。

我试图在链接中添加一个类,以便可以更改CSS的颜色,但没有成功。您有任何想法,如何更改为以下代码,以便向其添加CSS类?还是您有另一个想法,如何更改链接的颜色?

var content_title = title;
			if ( link ) {
				content_title = $( '<div/>' ).append( $( "<a/>" ).attr( 'href', link ).text( title ) ).html();
				
			}

1 个答案:

答案 0 :(得分:0)

我通过插件在自己的网站上插入了Google地图。该插件使用带有一些自己内容的默认google map。当您单击地图上的标记时,我想在信息窗口内自定义特定元素。它是事件的标题,也是链接。 目前,信息窗口的内容如下:

marker = new google.maps.Marker( marker );

			var infoWindow = new google.maps.InfoWindow();

			var content_title = title;
			if ( link ) {
				content_title = $( '<div/>' ).append( $( "<a/>" ).attr( 'href', link ).text( title ) ).html();
				
			}
			
			
			var content = content_title;

			if ( address ) {
				content = content + "<br/>" + address;
			}

			infoWindow.setContent( content );

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

			tg.markers.push( marker );

			if ( tg.refine ) {
				marker.setVisible( false );
			}
			tg.bounds.extend( myLatlng );
		}
	} );

元素“ var content_title =标题;”是使用我主题的默认链接规范的链接。我想更改此链接的颜色。我认为最好的方法就是给这个元素一个类名,这样我就可以在CSS中更改颜色。我尝试了以下代码:

var content_title = title;
			if ( link ) {
				content_title = $( '<div/>' ).addClass( "myClass" ).append( $( "<a/>" ).attr( 'href', link ).text( title ) ).html();
				
			}

我希望现在可以清楚地知道我想做什么。 我很乐意提供帮助。