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地图并在其上添加标记。您似乎已经获得了纬度和经度，因此创建地图应该非常简单，就像在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!'
    });
  }

从地图表单显示位置的谷歌地图

1 个答案: