google.maps.MapOptions + JSON:避免使用eval()?

时间:2013-02-26 18:28:27

标签: javascript google-maps google-maps-api-3

我正在寻找一个eval()替代方案..

我生成一个usal谷歌地图,API v3。:

    // define options
    var mapOptions = {
      zoom: 18,
      center: new google.maps.LatLng(-33.890542, 151.274856),
      mapTypeId: eval(maptype["map"]),
      panControl: true,
      zoomControl: true,
      mapTypeControl: true,
      scaleControl: true
    };

    // create map
    map = new google.maps.Map(document.getElementById('map_test),mapOptions);

这可以正常工作,但我想避免使用eval()。 maptype是通过php定义的,使用JSON:

echo 'maptype = '.json_encode($options).';';

是否有替代eval?

更新: 完整的源代码:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.7&sensor=false&language=de"></script>
</head>

<body>


<script>
maptype = {"map":"google.maps.MapTypeId.SATELLITE"};</script>

<script>
function Map()
{
var mapOptions = {zoom: 18, center: new google.maps.LatLng(-33.890542, 151.274856), mapTypeId: eval(maptype["map"])};

// create map
map = new google.maps.Map(document.getElementById('map'),mapOptions);
}
</script>

<div id="map" style="width:1200px; height:800px"></div>
<script> jQuery(document).ready(function ($) {Map();});</script>

</body>
</html>

结果:没有错误,没有地图,只有灰色背景。

1 个答案:

答案 0 :(得分:2)

您应该只需删除eval()周围的ngggOptions来电即可,假设map是一个对象并且有{{1}}的密钥。