softauthor

<script>
export default {
  data() {
    return {
      address: "",
    };
  },
  methods: {
    locatorButtonPressed() {
    },

softauthor

locatorButtonPressed() {
  navigator.geolocation.getCurrentPosition(
     position => {
       console.log(position.coords.latitude);
       console.log(position.coords.longitude);
     },
     error => {
       console.log(error.message);
     },
  )   

softauthor

async getStreetAddressFrom(lat, long) {
  try {
    var { data } = await axios.get(
      "https://maps.googleapis.com/maps/api/geocode/json?latlng=" +
        lat +
        "," +
        long +
        "&key={yourAPIKey}"
    );
    if(data.error_message) {

softauthor

locatorButtonPressed() {
  navigator.geolocation.getCurrentPosition(
    position => {
      this.getStreetAddressFrom(position.coords.latitude, position.coords.longitude)
    },
    error => {
      console.log(error.message);
    }
  );
},

softauthor

<script src="https://maps.googleapis.com/maps/api/js?libraries=places&key=yourapikey"></script>

softauthor

mounted() {
  new google.maps.places.Autocomplete(
    this.$refs["autocomplete"]
  );
},

softauthor

$par_args = array(
    'parent' => 0
);
$parent_categories = get_categories($par_args); 

softauthor

<?php

$par_args = array(
    'parent' => 0
);

$parent_categories = get_categories($par_args); 

foreach($parent_categories as $parent_category) {
   echo '<h2 class="ui header">' . $parent_category->name . '</h2>'; 

softauthor

 <?php 
    $par_args = array(
        'parent' => 0
    );

    $parent_categories = get_categories($par_args); 

    foreach($parent_categories as $parent_category) {
        echo '<h2 class="ui header">' . $parent_category->name . '</h2>'; 

softauthor

<div class="six wide column">
    <form class="ui segment large form">
      <div class="ui segment">
        <div class="field">
          <div class="ui right icon input large">
            <input type="text" placeholder="Enter your address" v-model="coordinates" />
            <i class="dot circle link icon" @click="locatorButtonPressed"></i>
          </div>
        </div>
        <div class="field">