在页面中有表单,谷歌地图在其他页面的coloorbox中打开 我希望当地图中的移动拖动按钮以其他页面形式更改值时
表单页面:form.php
<form action="ajax-trades/submit-edit.php" method="POST">
<div id="address"></div>
<input type="hidden" name="target" id="target" value="<?php echo $row['gmap']; ?>">
<input type="submit" onclick="window.scrollTo(0, 200);" value="submit" class="button" />
</form>
这是在其他页面中加载Google地图的问题:
<script type="text/javascript">
$(function(){
function objToString (obj) {
var str = '';
for (var p in obj) {
if (obj.hasOwnProperty(p)) {
str += obj[p] + ',' ;
}
}
return str;
}
$("#test").gmap3({
marker:{
latLng: [35.712926551232044, 51.40896647885131,],
options:{
draggable:true
},
events:{
dragend: function(marker){
var position = (marker.getPosition());
//$("#map").html(position[2]);
//var stingposition = objToString (position);
$("#address").html('<input type="hidden" name="map" value="' + position.toString() + '" />');
$(this).gmap3({
getaddress:{
latLng:marker.getPosition(),
callback:function(results){
var map = $(this).gmap3("get"),
infowindow = $(this).gmap3({get:"infowindow"}),
content = results && results[1] ? results && results[1].formatted_address : "no address";
if (infowindow){
infowindow.open(map, marker);
infowindow.setContent(content);
} else {
$(this).gmap3({
infowindow:{
anchor:marker,
options:{content: content}
}
});
}
}
}
});
}
}
},
map:{
options:{
zoom: 14
}
}
});
});
</script>
这条线很重要但不起作用!
$("#address").html('<input type="hidden" name="map" value="' + position.toString() + '" />');
答案 0 :(得分:0)
尝试使用它:
$("#address", window.top.document).html('<input type="hidden" name="map" value="' + position.toString() + '" />');
window.top 表示您将在“根”页面上搜索 #address 元素。