setVisible在谷歌地图标记上
setVisible on google map markers
所以我用initialize()函数制作了谷歌地图,我希望它用addMarker()函数绘制标记,但将它们设置为不可见,这样我以后就可以使它们可见。但如果我在新的google.maps.Marker()中设置setVisible:false,它会同时显示它们,如果我设置为true,它只显示其中一个。怎样
这是我的代码:
<!DOCTYPE html>
<html>
<head>
<script src="http://maps.googleapis.com/maps/api/js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
//varijable
var restorani = [
['restoran 1',45.158457,18.0158902,'Prvi'],
['restoran 2',45.159457,18.0158902,'Drugi']
];
var myCenter=new google.maps.LatLng(45.159457,18.0158902);
var map;
var i;
//initialize
function initialize() {
var mapProp = {
center:new google.maps.LatLng(45.159457,18.0158902),
zoom:13,
mapTypeId:google.maps.MapTypeId.ROADMAP
};
map=new google.maps.Map(document.getElementById("map"),mapProp);
for(i=0;i<2;i++){
addMarker(restorani[i]);
}
}
google.maps.event.addDomListener(window, 'load', initialize);
//adding markers
function addMarker(marker) {
var category = marker[0];
var titl= marker[3];
var pos = new google.maps.LatLng(marker[1], marker[2]);
var marker = new google.maps.Marker({
position: pos,
category: category,
map: map,
title: titl,
setVisible:false //!!!!!!!!!!!!!!!!!!
});
}
</script>
</head>
<style>
#map {
width: 700px;
height: 400px;
float:right;
border:2px solid black;
}
</style>
</head>
<body>
<div id="map"></div>
</body>
</html>
visible
,而不是setVisible
function addMarker(marker) {
var category = marker[0];
var titl= marker[3];
var pos = new google.maps.LatLng(marker[1], marker[2]);
var marker = new google.maps.Marker({
position: pos,
category: category,
map: map,
title: titl,
visible:false
});
代码片段:
//varijable
var restorani = [
['restoran 1', 45.158457, 18.0158902, 'Prvi'],
['restoran 2', 45.159457, 18.0158902, 'Drugi']
];
var myCenter = new google.maps.LatLng(45.159457, 18.0158902);
var map;
var i;
//initialize
function initialize() {
var mapProp = {
center: new google.maps.LatLng(45.159457, 18.0158902),
zoom: 13,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map"), mapProp);
for (i = 0; i < 2; i++) {
addMarker(restorani[i]);
}
}
google.maps.event.addDomListener(window, 'load', initialize);
//adding markers
function addMarker(marker) {
var category = marker[0];
var titl = marker[3];
var pos = new google.maps.LatLng(marker[1], marker[2]);
var marker = new google.maps.Marker({
position: pos,
category: category,
map: map,
title: titl,
visible: false
});
}
google.maps.event.addDomListener(window, "load", initialize);
#map {
width: 700px;
height: 400px;
float: right;
border: 2px solid black;
}
<script src="https://maps.googleapis.com/maps/api/js?libraries=geometry"></script>
<div id="map"></div>
相关文章:
- 如何更改角度谷歌地图上的集群图标
- 谷歌地图API-显示具有不同图标的标记
- 谷歌地图-更改图层图标大小
- 在地图加载/页面加载时,我想将地图设置为当前地理位置,但不想在地图上显示定位图标
- 将图标作为参数传递不会;t工作-谷歌地图
- 谷歌地图隐藏手图标
- 从谷歌地图信息窗口中删除关闭图标
- 在javascript中设置谷歌地图标记图标属性
- 我是否可以在单击特定图标时更改地图标记图标,然后在单击另一个图标时切换,等等
- 我如何才能在某些条件下更改c#中谷歌地图标记的图标
- 使用HTML元素代替gmap3的地图标记图标
- 谷歌地图标记图标作为变量
- 我如何使谷歌地图不更改标记的自定义图标大小
- 饼图而不是谷歌地图中的标记集群图标
- 如何在谷歌地图上放置图标标记,图标数量是否有配额
- 可拖动图标未显示在 Google 地图顶部且不重复
- 谷歌地图v3更改标记图标在安卓网络视图
- AngularJS谷歌地图(ng-map)图标网址不起作用
- 带有群集和过滤器复选框的地图框个性化图标
- 添加 removeMarker 函数时,每 5 秒在地图上加载一次图钉不会显示图标