Javascript 谷歌地图为自定义标记添加矩形边框
我是谷歌地图api的新手 我已尝试使用多个标记成功添加了信息窗口 现在我想在特定的自定义标记中添加边框, 我正在努力寻找一个带有边框的自定义标记 这是JSFIDLE链接: 这是我编辑的代码:Javascript 谷歌地图为自定义标记添加矩形边框,javascript,css,json,google-maps,google-maps-api-3,Javascript,Css,Json,Google Maps,Google Maps Api 3,我是谷歌地图api的新手 我已尝试使用多个标记成功添加了信息窗口 现在我想在特定的自定义标记中添加边框, 我正在努力寻找一个带有边框的自定义标记 这是JSFIDLE链接: 这是我编辑的代码: <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <title>Google Maps Mu
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>Google Maps Multiple Markers</title>
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
</head>
<body>
<div id="map" style="width: 1500px; height: 1400px;"></div>
<script type="text/javascript">
var locations = [
['STHOWBGA01_ATIF_RNID_L015',24.31026,93.56268],
['SWKHMRID01_BILF_RNID_L039',25.65182,91.62737],
['SMOKZUNB01_GTLF_RNID_L006',26.019,94.53],
['SDIMSGRN01_ATCF_RNID_L023',25.8271,93.6853],
['SKOHKRMA01_BILF_RNID_L010',25.5815,94.21959],
['SMOKANGB01_BILF_RNID_L001',26.214,94.6876],
['SDIMDIM087_ATIF_TTID_L026',25.8939,93.7602],
['SWKHLYNKI1_GTLF_RNID_L061',25.5041,91.6109],
['SIMWIMP109_ATCF_TTOD_L047',24.83982,93.97707],
['SDIMZLUKI2_ATCF_RNID_L017',25.63998,93.66512],
['GWTRTLMUR5_BILF_RNOD_L039',23.841,91.6202],
['GWTRKLBRI1_BILF_RNOD_L017',23.50866,91.26185],
['GWTRBXNGR1_BILF_RNOD_L033',23.61268,91.17243],
['GWTRAGR101_BILF_TTOD_L055',23.8655,91.25584],
['GWTRBIS007_BILF_RNOD_L022',23.6785,91.2963],
['GWTRGOK004_BILF_RNOD_L023',23.70692,91.27397],
['GWTRBLWBN1_BILF_RNOD_L038',24.0179,91.4529],
['SJOWKHL007_ATIF_RNOD_L012',25.35197,92.3723],
['TTINNMSAI4_VIOF_RNID_L011',27.66616,95.87926],
['SIMWUKHRL5_VIOF_RNID_L061',25.12267,94.36558],
['SDIMZLUKI3_BILF_RNOD_L035',25.63658,93.64943]
];
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 8,
center: new google.maps.LatLng(24.83982,93.97707),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var infowindow = new google.maps.InfoWindow();
var marker, i;
for (i = 0; i < locations.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][1], locations[i][2]),
map: map
});
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(locations[i][0]);
infowindow.open(map, marker);
}
})(marker, i));
}
</script>
</body>
</html>
我没有那么大的声誉去添加谷歌地图的图片
因此,请使用标记init和边框矩形框观察上述示例图
请告诉我如何将矩形框添加到自定义标记中
现在我正在尝试绘制自定义标记,即,带边框的中长标记
我正在努力为一个特定的自定义标记添加边框,并在google api库中进行了大量的google操作,以下是链接:
请帮忙
谢谢
为什么不创建一个中心有一个大头针的矩形自定义图像,并将其用作标记图标?您是否希望添加一个矩形对象,该对象在拖动时跟随标记?我想了解预期的功能是什么。这个问题似乎是离题的,因为它是关于为你做的工作,而不是这个网站的目标。是的,我有一个想法,我会做谷歌…获取png图像..有边框,为什么你需要那个边框?你是否考虑过使用特定标记的迪斯科标记图标?例如,另一种颜色的标记?实际上,我使用了自动完成输入文本,如果用户搜索的某个lat的长度超过它在谷歌地图上显示的标记,现在,根据要求,我必须使用blink将边框添加到特定的lat-long边框中…我从10天以来一直在为此奋斗..请根据特定的站点id提供帮助..即..在javascript代码中的数据var locations=STHOWBGA01_ATIF_RNID_L015中..用户根据此站点id进行选择,并使用标记..是的..如果用户搜索特定的lat和long..使用自动完成功能,它将在地图上标记边框矩形闪烁..即边框闪烁根据要求,我必须使用闪烁功能将边框添加到特定的lat long边框,我认为您应该提出另一种解决方案。例如,另一种颜色的标记,带有。
------------
| |
| marker |
| |
------------