加载一个谷歌地图,其坐标是从ajax jquery获得的

时间:2016-01-25 07:02:34

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

我有一个html页面。最初标记和地图和点的数据来自控制器,下面是相应的视图,在div中,地图'显示地图

<script>
  function getcoordinates(){
  //to get coordinates using ajax jquery(latitude,longitude)
 }
</script>
    <?php echo $map['js']; ?>
    <input type="text" id="myPlaceTextBox"/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <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>
div&#39; map&#39;已经被用来在页面加载时显示地图。还有一个用onClick搜索调用getcoordinates()函数并获取坐标。我需要用相同div中的新坐标重新加载地图。地图&#39;

我编写了以下函数,该函数是从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");
} 

0 个答案:

没有答案