Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用jQuery过滤Google地图_Jquery_Maps - Fatal编程技术网

使用jQuery过滤Google地图

使用jQuery过滤Google地图,jquery,maps,Jquery,Maps,有没有办法用jQuery过滤谷歌地图的位置变量 例: 汽车 船 单击ID为car的链接,过滤ID为car的所有字符串。 按ID car单击会隐藏地图上带有ID BOOT的所有字符串,并在地图中仅显示带有ID car的字符串 可能吗 函数初始化(){ 变量位置=[ [“公司11111 CountryStreet”,47.6801806,8.7499505,1,这里有身份证车, [“公司22222国家街道”,47.6801806,8.7499505,2号,身份证船在这里, ]; var map

有没有办法用jQuery过滤谷歌地图的位置变量

例:
  • 汽车
  • 单击ID为car的链接,过滤ID为car的所有字符串。 按ID car单击会隐藏地图上带有ID BOOT的所有字符串,并在地图中仅显示带有ID car的字符串

    可能吗

    函数初始化(){
    变量位置=[
    [“公司1
    1111 Country
    Street

    ”,47.6801806,8.7499505,1,这里有身份证车, [“公司2
    2222国家
    街道

    ”,47.6801806,8.7499505,2号,身份证船在这里, ]; var map=new google.maps.map(document.getElementById('map_canvas'){ 缩放:10, 中心:新google.maps.LatLng(47.603786,9.055737), mapTypeId:google.maps.mapTypeId.ROADMAP }); var infowindow=new google.maps.infowindow(); var标记,i; 对于(i=0;i
    您需要执行以下操作

  • 一旦地图对象存在。用所有标记填充它
  • 当有人点击过滤器(例如在我的小提琴上点击汽车或人)时,它将清除地图,并从无序列表中重新绘制标记,仅针对人。该功能不会改变您缩放或平移的位置,但您可以轻松完成
  • 没有第三步。也许你们想让他们回到原来地图上的所有对象,所以放一个显示所有标记的函数
  • 过滤的实际代码是:

    {clear:{}},
    { action: 'addMarkers',
    marker:{
    values:ulmarkerspeople,
    options:{
        draggable: false,
        icon:'http://mapicons.nicolasmollet.com/wp-content/uploads/mapicons/shape-default/color-ffc11f/shapecolor-color/shadow-1/border-dark/symbolstyle-white/symbolshadowstyle-dark/gradient-no/male-2.png'
    }}
    

    我使用gmap3清除一个空对象,因为它允许清除标签或ID。如果您使用的是google map v3 API,则在重新绘制标记之前,请使用
    {action:'clear'}
    清除地图。

    在可能的情况下将其标记为答案
    {clear:{}},
    { action: 'addMarkers',
    marker:{
    values:ulmarkerspeople,
    options:{
        draggable: false,
        icon:'http://mapicons.nicolasmollet.com/wp-content/uploads/mapicons/shape-default/color-ffc11f/shapecolor-color/shadow-1/border-dark/symbolstyle-white/symbolshadowstyle-dark/gradient-no/male-2.png'
    }}