Merhaba arkadaşlar,

Google Maps api tanımlamalarını veritabanında tuttuğum verilere göre yaptırmakı istiyorum. Örneğin zoom: verisini mysql ile belirlemek istiyorum. db deki haritalar tablosundaki verileri bir array'e atayıp json ile parçalayıp kullanmam gerekiyor. Fakat verileri alert v.b. şekilde ekrana basabilirken fonksiyon içerisinde kullanamıyorum. Aşağıda kod parçamı yazıyorum. zoom alanına herhangi bir rakam yazar isem problemsiz çalışıyor. Fakat json verisisini document.write ile yazdığımda işlev yapmıyor. document.write yerine başka bir kodmu kullanmalıyım?

<?php
$veri = array(
		"api" => "AIzaSyDTotUNK5uRUCfTjhıhjıuıyı",
		"yakinlastirma" => "19"
);
?>

<script type="text/javascript">

	var veri = <?php echo json_encode($veri, JSON_PRETTY_PRINT) ?>;

	//document.write(veri.edition);
	
	function initialize()
	{
	  var mapProp = {
		center: new google.maps.LatLng(41.636465,32.322341),
		zoom: document.write(veri.yakinlastirma),
		mapTypeId: google.maps.MapTypeId.ROADMAP, //ROADMAP (normal, default 2D map), SATELLITE (photographic map), HYBRID (photographic map + roads and city names), TERRAIN (map with mountains, rivers, etc.)
		disableDefaultUI:true, //araçları gizle/göster
		
	  };
	  var map = new google.maps.Map(document.getElementById("googleHarita"),mapProp);
	  //
	  var marker=new google.maps.Marker({
	  position:new google.maps.LatLng(41.636465,32.322341),
	  animation:google.maps.Animation.BOUNCE,
	  icon:'http://www.metaflex.ru/1.png'
	  });
	  marker.setMap(map);
	  //
	  var infowindow = new google.maps.InfoWindow({
	  content:"İşte tamda burası!"
	  });
	  infowindow.open(map,marker);
	  //
	  google.maps.event.addListener(marker,'click',function() {
	  map.setZoom(19);
	  map.setCenter(marker.getPosition());
	  });
	  //
	  google.maps.event.addListener(map,'center_changed',function() {
	  window.setTimeout(function() {
	  map.panTo(marker.getPosition());
	  },3000);
	  });
	}

	//

	function loadScript()
	{
	  var script = document.createElement("script");
	  script.type = "text/javascript";
	  script.src = "http://maps.googleapis.com/maps/api/js?key=AIzaSyDTotUNK5uRUCfT_qjb75CrffmckM_wu-0&sensor=false&callback=initialize";
	  document.body.appendChild(script);
	}

	window.onload = loadScript;
	
</script>

<div id="googleHarita" style="width:1024px;height:300px;"></div>