点击标记谷歌地图

时间:2017-02-10 18:50:30

标签: javascript google-maps google-maps-api-3 jquery-gmap3 mcustomscrollbar

我在我的项目中使用了gmap3和CustomScrollbar插件。 我想在侧面板地图中点击标签到infowindow特定项目后切换。

如果使用"标签"谷歌地图的工作,但如果我使用"标签"在infowindow它不工作。

那么我应该怎样做才能使用"标签"谷歌地图的工作。(例如这个链接markers earth hour

TNX。

我的代码是:

    <a class="jumper" href="#tracker1">tracker1</a>
<a class="jumper" href="#tracker2">tracker2</a>
<a class="jumper" href="#tracker3">tracker3</a>
<div id="content-2" class="content mCustomScrollbar" style="min-height: 610px !important; max-width: 420px !important; /* overflow-x: hidden; */min-width: 420px !important;">
    <ul class="ulInfo" id="tracker1">
        <li></li>
    </ul>
    <ul class="ulInfo" id="tracker2">
        <li></li>
    </ul>
    <ul class="ulInfo" id="tracker2">
        <li></li>
    </ul>
</div>
<script>
    (function ($) {
        $(window).on("load", function () {
            $("#content-2").mCustomScrollbar({
                theme: "minimal"
            });
            $(".jumper").on("click", function (e) {
                var href = $(this).attr("href"), target = $(href).parents(".mCustomScrollbar");
                if (target.length) {
                    e.preventDefault();
                    target.mCustomScrollbar("scrollTo", href);
                }
            });
        });
    })(jQuery);
</script>

0 个答案:

没有答案