Google maps 限制加载时显示的google地图PIN
我继承了一些代码,我被卡住了。加载时,它显示所有年份,我只希望它显示2018年的标记。有一个jQuery滑块可以选择年份,但当地图加载时,它会加载所有年份的管脚。我想我会在这里搜索网页来解决/学习这个问题。这只是代码的一部分,但我相信它是指示加载时显示内容的部分Google maps 限制加载时显示的google地图PIN,google-maps,google-maps-api-3,google-maps-markers,Google Maps,Google Maps Api 3,Google Maps Markers,我继承了一些代码,我被卡住了。加载时,它显示所有年份,我只希望它显示2018年的标记。有一个jQuery滑块可以选择年份,但当地图加载时,它会加载所有年份的管脚。我想我会在这里搜索网页来解决/学习这个问题。这只是代码的一部分,但我相信它是指示加载时显示内容的部分 function resizeMarker_Div() { jQuery('.map-content-div').each(function() { var height = jQuery(this).height();
function resizeMarker_Div() {
jQuery('.map-content-div').each(function() {
var height = jQuery(this).height();
var imgCover = jQuery(this).prev();
imgCover.height(height);
});
}
resizeMarker_Div();
var infoWindow;
function initMap() {
var center = new google.maps.LatLng(34.4857537,-111.3747484);
var mapOptions = {
zoom: 7,
center: center,
mapTypeId: google.maps.MapTypeId.TERRAIN
};
infoWindow = new google.maps.InfoWindow();
map = new google.maps.Map(document.getElementById('map'), mapOptions);
for (i = 0; i < markers1.length; i++) {
addMarker(markers1[i]);
}
}
function addMarker(marker) {
var mylatLng = new google.maps.LatLng(marker[0], marker[1]);
var category = marker[4];
var title = marker[2];
var content = marker[5];
var year = marker[3];
marker1 = new google.maps.Marker({
position: mylatLng,
title: title,
category: category,
map: map,
animation: google.maps.Animation.DROP,
year: year
});
gmarkers1.push(marker1);
函数resizeMarker\u Div(){
jQuery('.map content div')。每个(函数(){
var height=jQuery(this).height();
var imgCover=jQuery(this.prev();
imgCover.height(高度);
});
}
resizeMarker_Div();
var信息窗口;
函数initMap(){
var center=newgoogle.maps.LatLng(34.4857537,-111.3747484);
变量映射选项={
缩放:7,
中心:中心,,
mapTypeId:google.maps.mapTypeId.TERRAIN
};
infoWindow=new google.maps.infoWindow();
map=new google.maps.map(document.getElementById('map'),mapOptions);
对于(i=0;i
如果标记
数据的年份似乎在年内,那么您可以尝试:
for( i = 0; i < markers1.length; i++ ) {
var mkr=markers1[i];
if( parseInt( mkr[3] )==2018 )addMarker( mkr );
}
如果
标记
数据的年份在年内,如图所示,则您可以尝试:
for( i = 0; i < markers1.length; i++ ) {
var mkr=markers1[i];
if( parseInt( mkr[3] )==2018 )addMarker( mkr );
}
如果不希望标记出现在页面加载中,请在创建标记时(在
addMarker
函数中)将其visible
属性设置为false
查看Fann多年来的项目
(移动滑块查看过去20年的所有项目)
如果不想在页面加载时显示标记,请在创建标记时(在addMarker
函数中),将标记的可见属性设置为false
查看Fann多年来的项目
(移动滑块查看过去20年的所有项目)
您想在2018年只显示一个标记吗?好的,我想在2018年显示所有wordpress帖子。请提供一个链接来说明问题。像链接一样?请参阅页面加载,所有市场,更改滑块年份,仅显示该年的标记。您想在2018年只显示一个标记吗?好的,我想显示所有wordpress当年的帖子=2018请提供一个说明问题的链接。如链接?请参阅页面加载中的“所有市场”,更改滑块年份,仅更改当年的标记。如果您有任何问题,请添加注释如果您有任何问题,请添加注释
function addMarker(marker) {
var mylatLng = new google.maps.LatLng(marker[0], marker[1]);
var category = marker[4];
var title = marker[2];
var content = marker[5];
var year = marker[3];
marker1 = new google.maps.Marker({
position: mylatLng,
title: title,
category: category,
map: map,
animation: google.maps.Animation.DROP,
year: year,
visible: false // <------------------------ add this
});
gmarkers1.push(marker1);
}