如何在init之后将参数传递给google maps对象?

时间:2016-10-28 20:55:44

标签: javascript google-maps

我正在使用Wordpress主题,并且在其中的页面构建器是一个方便的Google Maps元素,它的工作方式或多或少与我想要的方式相同。唯一的缺点是它不允许造型(例如,通过时髦的地图json)。

由于主题的编写方式,我无法直接访问Google地图初始化代码。有没有办法可以在我的子主题中使用样式创建一个函数,在页面上找到地图对象并将样式函数传递给它?

这是我想要实现的目标的粗略蓝图,并没有包含json文件来简化它。

var contact_map_styles = [
   // json styles will go here
   // ....
];

// Find the map on the page
if ($('#contact-map').length) {
    // Add styling function to the map
    // What would go here?
}

提前感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

如果你使用wordpress,这意味着你有一个php服务器端环境。

如果该值已在页面加载时可用,您可以直接在您的javascript代码中设置..使用echo添加您需要的值,例如:

 if ($('#contact-map').length) {
 <?php 
    echo " var mlwStyles =[
                {
                    featureType: "poi",
                    elementType: "labels",
                    stylers: [
                          { visibility: "off" }
                    ]
                }
            ];";

 ?>

}

如果您需要值运行时,可以使用ajax,例如:

 $.post('your_link', { your_param1: 'your_value1',  }, 
                    function (data) { your_function_for_manange_result(data); })

意思