帮助java脚本代码 [英] help with java script code

问题描述

每当您放大地图时，侧边菜单上的位置会根据您前后的距离或距离而显示和消失。如果我想要禁用此功能，以便我的所有位置都显示在侧面菜单上，我需要从jquery.myplaces.min-1.0.js中删除哪一块脚本



这里是最初的例子 https://github.com/somospnt/jQuery-MyPlaces



i知道它必须在这里，但不知道如何修改它



功能b（）{

var m = $（this） ;

var l = m.data（location）;

$（。myplaces-selectedPlaces）。removeClass（myplaces-selectedPlaces）;

m.addClass（myplaces-selectedPlaces）;

$（。myplaces-infoContenido）。empty（）。append（h.render（l.place）） ;

somospnt.util.ui.map.highlightPlace（l）;

f（）

}

功能g（l）{

var n = $（。myplaces-selectedPlaces）。data（location）;

var o = $（。myplaces- placesList ul）;

o。 empty（）;

if（l.length）{

for（var m = 0;

m< l.length;

m ++）{

o.append（$（d.render（l [m] .place））。addClass（k + l [m] .place.id）.data（location，l [m]））

}

} else {

o.append（ '

此区域无显示结果

'）

}

if（n）{

$（。+ k + n.place.id）.addClass（myplaces-selectedPlaces）

}

a（）

}







var somospnt = {}; < br $>
somospnt.util = {};

somospnt.util.ui = {};

somospnt.util.ui.filter =（function（ ）{

var a;



函数d（f）{

a = $ .templates（'< li class =myplaces-category>< label class =myplaces-checkfor ={{：＃data}}> {{：#data}}< input type =checkboxid = {{：#data}}/>< / label> '）;

e（f）;

$（。myplaces-category）。on（click，b）

}

函数e（f）{

var g = c（f）;

$（。myplaces-categories）。append（a.render（g））

}

函数c（g）{

var k = [];

if（g）{

for（var h = 0;

h< g.length;

h ++）{

if（g [h] .tags）{

for（var f = 0;

f< g [h] .tags.length;

f ++）{

if（$ .inArray（g [h] .tags [f ]，k）=== -1）{

k.push（g [h] .tags [f]）

}

}

}

}

}

返回k

}

函数b（）{

var f = [];

$（。myplaces-check）。removeClass（myplaces-check-on ）;

$（。myplaces-check input [type = checkbox]：checked）。each（function（g，h）{

f.push（ $（h）.attr（id））;

$（h）.parent（label）。addClass（myplaces-check-on）

}）;

somospnt.util.ui.map.filterLocations（f）

}

返回{

init：d

}

}）（）;

somospnt .util.ui.map =（function（）{

var d，h，i，f;

var k = [];



函数p（q，r）{

f = $ .templates（r）;

n（）;

g（q）

}

函数n（）{

var q = {

zoom：9 ，

center：new google.maps.LatLng（29.7370544，-95.441951），

mapTypeId：google.maps.MapTypeId.ROADMAP

} ;

d = new google.maps.Map（$（。myplaces-map）。get（0），q）;

h = new google.maps.InfoWindow （）;

i = new google.maps.Marker（{

map：d

}）;

google.maps.event.addListener（d，idle，c）

}

函数g（q）{

k = [] ;

for（var r = 0;

r< q.length;

r ++）{

（function（）{

var s = {};

s.place = q [r];

s.place.id = r;

s.marker = new google.maps.Marker（{

职位：新google.maps.LatLng（q [r] .lat，q [r] .lng），

地图：d，

title：q [r] .name，

icon：q [r] .mapIcon

}）;

k.push（s）;

google.maps.event.addListener（s.marker，click，function（）{

somospnt.util.ui.places.selecteById（s.place.id）

}）

}）（）

}

}

函数c （）{

var r = a（）;

var q = somospnt.util.ui.places.getSelectedLocation（）;

if （q&& $ .inArray（q ，r）=== -1）{

r.unshift（q）

}

somospnt.util.ui.places.showLocations （r）

}

函数b（）{

var r = a（）;

var q = somospnt.util.ui.places.getSelectedLocation（）;

if（q&& $ .inArray（q，r）=== -1）{

q.infowindow = null;

h.close（）;

somospnt.util.ui.places.unselect（）

}

somospnt.util.ui.places.showLocations（r）

}

函数a（）{

var s = [];

var r = d.getBounds（）;

for（var q = 0;

q< k.length;

q ++）{

if（k [q] .marker .getVisible（）&& r.contains（k [q] .marker.getPosition（）））{

s.push（k [q]）

}

}

返回e（$）
}

函数e（r）{

var q = d.getCenter（）;

for（var s = 0;

s< r.length;

s ++）{

r [s] .distanceToCenter = google.maps.geometry.spherical.computeDistanceBetween（r [s] .marker.getPosition（），q）
}

返回r.sort（函数（u，t）{}）

}

函数m（ r）{

somospnt.util.ui.places.unselect（）;

h.close（）;

i.setVisible（false ）;

if（r.geometry.viewport）{

d.fitBounds（r.geometry.viewport）

} else {\\ br />
d.setCenter（r.geometry.location）;

d.setZoom（17）

}

i。 setPosition（r.geometry.location）;

i.setVisible（true）;

var q =;

if（r。 address_components）{

q = [（r.address_components [0]&& r.address_components [0] .short_name || ），（r.address_components [1]&& r.address_components [1] .short_name ||），（r.address_components [2]&& r.address_components [2] .short_name || ））]。加入（）

}

h.setContent（'

'+ r.name +
+ q）;

h.open（d，i）

}

function l（ u）{

j（k，true）;

if（u.length）{

var r = [];

for（var t = 0;

t< k.length;

t ++）{

for（var s = 0 ;

s< k [t] .place.tags.length;

s ++）{

if（$ .inArray（k [t ] .place.tags [s]，u）！== -1）{

r.push（k [t]）;

break

}

}

}

var q = [];

for（var t = 0;

t< k.length;

t ++）{

if（$ .inArray（k [t]，r）=== -1）{

q.push（k [t]）

}

}

j（q，false）

}

b（）

}

函数j（q，s）{

for（var r = 0;

r< q.length;

r ++）{

q [r] .marker.setVisible（s）

}

}

函数o（q）{

h.setContent（f.render（q.place））;

h.open（d，q.marker）;

q.infowindow = h

}

返回{

init：p，

focusOnGooglePlace：m，

filterLocations：l，

highlightPlace：o

}

}）（）;

somospnt.util.ui.places =（function（）{

var d，h ;

var k =myplaces -place-;

var a，f;



函数j（l，o，m，n）{

d = $ .templates（l）;

h = $ .templates（o）;

a = m;

f = n;

$（。myplaces-placesList ul）。on（click，li，b）;

$（。myplaces-infoContenido）。追加（'

要查看某个地方的详细信息，请点击它。

'）

}

function b（）{

var m = $（this）;

var l = m.data（location）;

$ （。myplaces-selectedPlaces）。removeClass（myplaces-selectedPlaces）;

m.addClass（myplaces-selectedPlaces）;

$（。myplaces -infoContenido）。empty（）。append（h.render（l.place））;

somospnt.util.ui.map.highlightPlace（l）;

f （）

}

函数g（l）{

var n = $（。myplaces-selectedPlaces）。data（location ）;

var o = $（。myplaces-placesList ul）;

o.empty（）;

if（l.length） {

for（var m = 0;

m< l.length;

m ++）{

o.append（$（d.render（l [m] .place））。addClass（k + l [m] .place.id）.data（location，l [m]））

}

} else {

o.append（ '

此区域无显示结果

'）

}

if（n）{

$（。+ k + n.place.id）.addClass（myplaces-selectedPlaces）

}

a（）

}

函数i（l）{

$（。+ k + l）.click（）

}

函数e（）{

返回$（。myplaces-selectedPlaces）。data（location）

}

函数c（）{

$（。myplaces-selectedPlaces）。removeClass（myplaces-selectedPlaces）;

$（ .myplaces-infoContenido）。empty（）。append（'

要查看某个地方的详细信息，请点击它。

'）

}

返回{

init：j，

showLocations：g，

selecteById：i ，

getSelectedLocation：e，

取消选择：c

}

}）（）;

somospnt.util.ui.searcher =（function（）{

var c，b，e;



function f （h）{

var g = {

componentRestrictions：{

country：h

}
};

e = new google.maps.Geocoder（g）;

b = $（。myplaces-searcher-input）。get（0 ）;

c = new google.maps.places.Autocomplete（b，g）;

$（。myplaces-buscar）。on（click，d ）;

$（。myplaces-searcher input）。on（keypress，function（j）{

var i = j.charCode？ j.charCode：j.keyCode;

if（i === 13）{

d（）

}

}）;

google.maps.event.addListener（c，place_changed，a）

}

函数a（） {

b.className =;

var g = c.getPlace（）;

if（！g.geometry）{

b.className =notfound;

返回

}

somospnt.util.ui.map.focusOnGooglePlace （g）

}

函数d（）{

var g = $（。myplaces-searcher input）。val（） ;

e.geocode（{

地址：g

}，函数（i，h）{

if（h === google.maps.GeocoderStatus.OK）{

i [0] .name = i [0] .name || g;

somospnt.util .ui.map.focusOnGooglePlace（i [0]）

}

}）

}

返回{

init：f

}

}）（）;

（函数（a）{

a.fn.extend（{

myplaces：function（c）{

var d = this;

var b = {

地点：[]，

国家：美国，

placeListTemplate：

输入地点列表的模板

，

placeInfoTemplate：

输入模板以获取地点信息

，

popUpMapTemplate：

输入地方弹出窗口的模板

，

onLoad：function（）{}，

onPlacesChange：function（）{}，

onClickPlace：function（）{}

};

a.extend （b，c）;

a（d）.append（

）;

var e ='

列表位置

地图位置

';

a（ d）.append（e）;

somospnt.util.ui.places.init（b.placeListTemplate，b.placeInfoTemplate，b.onPlacesChange，b.onClickPlace）;

somospnt.util.ui.map.init（b.places，b.popUpMapTemplate）;

somospnt.util.ui.searcher.init（b.country）;

somospnt.util.ui.filter.init（b.places）;

b.onLoad（）;

a（d）.find（。myplaces-spinner ）.remove（）

}

}）

}（jQuery））;

解决方案

（this）;

var l = m.data（location）;

（。myplaces-selectedPlaces）。removeClass（myplaces-selectedPlaces）;

m。 addClass（myplaces-selectedPlaces）;

（。myplaces-infoContenido）。empty（）。append（h.render（l.place））;

somospnt.util.ui.map.highlightPlace（l）;

f（）

}

函数g（ l）{

var n =

Whenever you zoom in the map, the locations on the side menu appear and disappear based on how far in or how far back you go. If i wanted to disable this feature so that all of my locations display on the side menu all the time which piece of script do i need to remove from the jquery.myplaces.min-1.0.js

here is the original example https://github.com/somospnt/jQuery-MyPlaces

i know it has to be here but dont know how to modify it

function b() {
var m = $(this);
var l = m.data("location");
$(".myplaces-selectedPlaces").removeClass("myplaces-selectedPlaces");
m.addClass("myplaces-selectedPlaces");
$(".myplaces-infoContenido").empty().append(h.render(l.place));
somospnt.util.ui.map.highlightPlace(l);
f()
}
function g(l) {
var n = $(".myplaces-selectedPlaces").data("location");
var o = $(".myplaces-placesList ul");
o.empty();
if (l.length) {
for (var m = 0;
m < l.length;
m++) {
o.append($(d.render(l[m].place)).addClass(k + l[m].place.id).data("location", l[m]))
}
} else {
o.append('

No results to display in this area

')
}
if (n) {
$("." + k + n.place.id).addClass("myplaces-selectedPlaces")
}
a()
}



var somospnt = {};
somospnt.util = {};
somospnt.util.ui = {};
somospnt.util.ui.filter = (function() {
var a;

function d(f) {
a = $.templates('

<label class="myplaces-check" for="{{:#data}}">{{:#data}}<input type="checkbox" id="{{:#data}}" /></label>

');
e(f);
$(".myplaces-category").on("click", b)
}
function e(f) {
var g = c(f);
$(".myplaces-categories").append(a.render(g))
}
function c(g) {
var k = [];
if (g) {
for (var h = 0;
h < g.length;
h++) {
if (g[h].tags) {
for (var f = 0;
f < g[h].tags.length;
f++) {
if ($.inArray(g[h].tags[f], k) === -1) {
k.push(g[h].tags[f])
}
}
}
}
}
return k
}
function b() {
var f = [];
$(".myplaces-check").removeClass("myplaces-check-on");
$(".myplaces-check input[type=checkbox]:checked").each(function(g, h) {
f.push($(h).attr("id"));
$(h).parent("label").addClass("myplaces-check-on")
});
somospnt.util.ui.map.filterLocations(f)
}
return {
init: d
}
})();
somospnt.util.ui.map = (function() {
var d, h, i, f;
var k = [];

function p(q, r) {
f = $.templates(r);
n();
g(q)
}
function n() {
var q = {
zoom: 9,
center: new google.maps.LatLng(29.7370544, -95.441951),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
d = new google.maps.Map($(".myplaces-map").get(0), q);
h = new google.maps.InfoWindow();
i = new google.maps.Marker({
map: d
});
google.maps.event.addListener(d, "idle", c)
}
function g(q) {
k = [];
for (var r = 0;
r < q.length;
r++) {
(function() {
var s = {};
s.place = q[r];
s.place.id = r;
s.marker = new google.maps.Marker({
position: new google.maps.LatLng(q[r].lat, q[r].lng),
map: d,
title: q[r].name,
icon: q[r].mapIcon
});
k.push(s);
google.maps.event.addListener(s.marker, "click", function() {
somospnt.util.ui.places.selecteById(s.place.id)
})
})()
}
}
function c() {
var r = a();
var q = somospnt.util.ui.places.getSelectedLocation();
if (q && $.inArray(q, r) === -1) {
r.unshift(q)
}
somospnt.util.ui.places.showLocations(r)
}
function b() {
var r = a();
var q = somospnt.util.ui.places.getSelectedLocation();
if (q && $.inArray(q, r) === -1) {
q.infowindow = null;
h.close();
somospnt.util.ui.places.unselect()
}
somospnt.util.ui.places.showLocations(r)
}
function a() {
var s = [];
var r = d.getBounds();
for (var q = 0;
q < k.length;
q++) {
if (k[q].marker.getVisible() && r.contains(k[q].marker.getPosition())) {
s.push(k[q])
}
}
return e(s)
}
function e(r) {
var q = d.getCenter();
for (var s = 0;
s < r.length;
s++) {
r[s].distanceToCenter = google.maps.geometry.spherical.computeDistanceBetween(r[s].marker.getPosition(), q)
}
return r.sort(function(u, t) {})
}
function m(r) {
somospnt.util.ui.places.unselect();
h.close();
i.setVisible(false);
if (r.geometry.viewport) {
d.fitBounds(r.geometry.viewport)
} else {
d.setCenter(r.geometry.location);
d.setZoom(17)
}
i.setPosition(r.geometry.location);
i.setVisible(true);
var q = "";
if (r.address_components) {
q = [(r.address_components[0] && r.address_components[0].short_name || ""), (r.address_components[1] && r.address_components[1].short_name || ""), (r.address_components[2] && r.address_components[2].short_name || "")].join(" ")
}
h.setContent('

' + r.name + "
" + q);
h.open(d, i)
}
function l(u) {
j(k, true);
if (u.length) {
var r = [];
for (var t = 0;
t < k.length;
t++) {
for (var s = 0;
s < k[t].place.tags.length;
s++) {
if ($.inArray(k[t].place.tags[s], u) !== -1) {
r.push(k[t]);
break
}
}
}
var q = [];
for (var t = 0;
t < k.length;
t++) {
if ($.inArray(k[t], r) === -1) {
q.push(k[t])
}
}
j(q, false)
}
b()
}
function j(q, s) {
for (var r = 0;
r < q.length;
r++) {
q[r].marker.setVisible(s)
}
}
function o(q) {
h.setContent(f.render(q.place));
h.open(d, q.marker);
q.infowindow = h
}
return {
init: p,
focusOnGooglePlace: m,
filterLocations: l,
highlightPlace: o
}
})();
somospnt.util.ui.places = (function() {
var d, h;
var k = "myplaces-place-";
var a, f;

function j(l, o, m, n) {
d = $.templates(l);
h = $.templates(o);
a = m;
f = n;
$(".myplaces-placesList ul").on("click", "li", b);
$(".myplaces-infoContenido").append('

To see the details of a place please click on it.

')
}
function b() {
var m = $(this);
var l = m.data("location");
$(".myplaces-selectedPlaces").removeClass("myplaces-selectedPlaces");
m.addClass("myplaces-selectedPlaces");
$(".myplaces-infoContenido").empty().append(h.render(l.place));
somospnt.util.ui.map.highlightPlace(l);
f()
}
function g(l) {
var n = $(".myplaces-selectedPlaces").data("location");
var o = $(".myplaces-placesList ul");
o.empty();
if (l.length) {
for (var m = 0;
m < l.length;
m++) {
o.append($(d.render(l[m].place)).addClass(k + l[m].place.id).data("location", l[m]))
}
} else {
o.append('

No results to display in this area

')
}
if (n) {
$("." + k + n.place.id).addClass("myplaces-selectedPlaces")
}
a()
}
function i(l) {
$("." + k + l).click()
}
function e() {
return $(".myplaces-selectedPlaces").data("location")
}
function c() {
$(".myplaces-selectedPlaces").removeClass("myplaces-selectedPlaces");
$(".myplaces-infoContenido").empty().append('

To see the details of a place please click on it.

')
}
return {
init: j,
showLocations: g,
selecteById: i,
getSelectedLocation: e,
unselect: c
}
})();
somospnt.util.ui.searcher = (function() {
var c, b, e;

function f(h) {
var g = {
componentRestrictions: {
country: h
}
};
e = new google.maps.Geocoder(g);
b = $(".myplaces-searcher-input").get(0);
c = new google.maps.places.Autocomplete(b, g);
$(".myplaces-buscar").on("click", d);
$(".myplaces-searcher input").on("keypress", function(j) {
var i = j.charCode ? j.charCode : j.keyCode;
if (i === 13) {
d()
}
});
google.maps.event.addListener(c, "place_changed", a)
}
function a() {
b.className = "";
var g = c.getPlace();
if (!g.geometry) {
b.className = "notfound";
return
}
somospnt.util.ui.map.focusOnGooglePlace(g)
}
function d() {
var g = $(".myplaces-searcher input").val();
e.geocode({
address: g
}, function(i, h) {
if (h === google.maps.GeocoderStatus.OK) {
i[0].name = i[0].name || g;
somospnt.util.ui.map.focusOnGooglePlace(i[0])
}
})
}
return {
init: f
}
})();
(function(a) {
a.fn.extend({
myplaces: function(c) {
var d = this;
var b = {
places: [],
country: "US",
placeListTemplate: "

Enter a template for the list of places

",
placeInfoTemplate: "

Enter a template for the information of the place

",
popUpMapTemplate: "

Enter a template for the pop-up of the place

",
onLoad: function() {},
onPlacesChange: function() {},
onClickPlace: function() {}
};
a.extend(b, c);
a(d).append("

");
var e = '

List Locations

Map Locations

';
a(d).append(e);
somospnt.util.ui.places.init(b.placeListTemplate, b.placeInfoTemplate, b.onPlacesChange, b.onClickPlace);
somospnt.util.ui.map.init(b.places, b.popUpMapTemplate);
somospnt.util.ui.searcher.init(b.country);
somospnt.util.ui.filter.init(b.places);
b.onLoad();
a(d).find(".myplaces-spinner").remove()
}
})
}(jQuery));

解决方案

(this);
var l = m.data("location");

(".myplaces-selectedPlaces").removeClass("myplaces-selectedPlaces");
m.addClass("myplaces-selectedPlaces");

(".myplaces-infoContenido").empty().append(h.render(l.place));
somospnt.util.ui.map.highlightPlace(l);
f()
}
function g(l) {
var n =

这篇关于帮助java脚本代码的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！