Skip to content

Instantly share code, notes, and snippets.

methods: {
locatorButtonPressed() {
navigator.geolocation.getCurrentPosition(
position => {
this.lat = position.coords.latitude;
this.lng = position.coords.longitude;
},
error => {
console.log("Error getting location");
}
data() {
return {
lat: 0,
lng: 0,
type: "",
radius: "",
places: []
};
},
computed: {
<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">
<template>
<div class="ui grid">
<div class="six wide column"></div>
<div class="ten wide column segment ui" ref="map"></div>
</div>
</template>
import UIKit
class ViewController: UIViewController{
private let latLngLabel: UILabel = {
let label = UILabel()
label.backgroundColor = .systemFill
label.numberOfLines = 0
label.textAlignment = .center
label.font = .systemFont(ofSize: 26)
const URL = `https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=${
this.lat
},${this.lng}&type=${this.type}&radius=${this.radius * 1000}&key=${
this.apiKey
}`;
axios
.get(URL)
.then(response => {
console.log(response);
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<img src="https://via.placeholder.com/150" />
<script>
export default {
data() {
return {
lat: 0,
lng: 0,
type: "",
radius: "",
places: []
};
<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">
<?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>';