我有一个html页面。最初标记和地图和点的数据来自控制器,下面是相应的视图,在div中,地图'显示地图
<script>
function getcoordinates(){
//to get coordinates using ajax jquery(latitude,longitude)
}
</script>
<?php echo $map['js']; ?>
<input type="text" id="myPlaceTextBox"/>
<input type="text" id="text_id" placeholder="Search id"/>
<input type='button' name='search_id' value='Search' onClick='getcoordinates()'/>
<div id='map' style="width:100%; height:100%;"><?php echo $map['html']; ?></div>
我编写了以下函数,该函数是从ajax成功块调用的,但是map似乎并没有在div图中加载。
function initialize(lat,lng) {
var mapOptions = {
center: new google.maps.LatLng(lat,lng), //assign Seprately
zoom: 8,
scrollwheel: false
};
document.getElementById('map').style.display="block";
var map = new google.maps.Map(document.getElementById('map'), mapOptions);
var customMarker = new google.maps.Marker({
position: new google.maps.LatLng(lat,lng),
map: map,
icon: 'http://maps.google.com/mapfiles/ms/micons/red.png'
});
alert("loading completed");
}