谷歌地圖顯示，從物業形態

Question

我試圖讓用於顯示性能的形式位置： 我的形式看起來像下面這樣，我怎麼能得到谷歌地圖，以顯示該屬性的位置？

  <legend><?php echo JText::_('COM_IPROPERTY_LOCATION'); ?></legend> 
      <div class="formelm"><?php echo $this->form->getLabel('hide_address'); ?> 
      <?php echo $this->form->getInput('hide_address'); ?></div> 
      <div class="formelm"><?php echo $this->form->getLabel('street_num'); ?> 
      <?php echo $this->form->getInput('street_num'); ?></div> 
      <div class="formelm"><?php echo $this->form->getLabel('street'); ?> 
      <?php echo $this->form->getInput('street'); ?></div> 
      <div class="formelm"><?php echo $this->form->getLabel('street2'); ?> 
      <?php echo $this->form->getInput('street2'); ?></div> 
      <div class="formelm"><?php echo $this->form->getLabel('apt'); ?> 
      <?php echo $this->form->getInput('apt'); ?></div> 
      <div class="formelm"><?php echo $this->form->getLabel('city'); ?> 
      <?php echo $this->form->getInput('city'); ?></div> 
      <div class="formelm"><?php echo $this->form->getLabel('postcode'); ?> 
      <?php echo $this->form->getInput('postcode'); ?></div> 
      <div class="formelm"><?php echo $this->form->getLabel('locstate'); ?> 
      <?php echo $this->form->getInput('locstate'); ?></div> 
      <div class="formelm"><?php echo $this->form->getLabel('province'); ?> 
      <?php echo $this->form->getInput('province'); ?></div> 
      <div class="formelm"><?php echo $this->form->getLabel('country'); ?> 
      <?php echo $this->form->getInput('country'); ?></div> 
      <div class="formelm"><?php echo $this->form->getLabel('region'); ?> 
      <?php echo $this->form->getInput('region'); ?></div> 
      <div class="formelm"><?php echo $this->form->getLabel('county'); ?> 
      <?php echo $this->form->getInput('county'); ?></div> 
     </fieldset> 
     <fieldset> 
     <legend><?php echo JText::_('COM_IPROPERTY_DRAG_AND_DROP'); ?></legend> 
      <?php echo $this->form->getLabel('geocode_header'); ?> 
      <div class="formelm"><?php echo $this->form->getLabel('latitude'); ?> 
      <?php echo $this->form->getInput('latitude'); ?></div> 
      <div class="formelm"><?php echo $this->form->getLabel('longitude'); ?> 
      <?php echo $this->form->getInput('longitude'); ?></div> 
      <div><?php echo $this->form->getInput('google_map'); ?></div> 
     </fieldset> 
    </div> 

Answer 1

創建一個Google Map並在其上添加一個標記。看起來你已經有了經度和緯度，所以創建地圖應該很簡單，就像在this example。這應該是您進一步開發地圖的起點。

function initialize() { 
    var myLatlng = new google.maps.LatLng(<?php echo $this->form->getInput('latitude'); ?>,<?php echo $this->form->getInput('longitude'); ?>); 
    var mapOptions = { 
     zoom: 4, 
     center: myLatlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    } 
    var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions); 

    var marker = new google.maps.Marker({ 
     position: myLatlng, 
     map: map, 
     title: 'Hello World!' 
    }); 
    }