softauthor’s gists

softauthor / vue-js-google-maps-javascript-api-data-properties-10007.vue

Last active January 28, 2020 23:37

softauthor / index.html

Created February 2, 2020 15:23

JS Bin // source https://jsbin.com/nukobim

	<!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" />

softauthor / sfs.js

Created February 10, 2020 04:48

	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);

softauthor / setup-latlnglabel.swift

Last active March 12, 2020 23:03

	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)

softauthor / closebuy-1.vue

Created March 22, 2020 01:53

	<template>
	<div class="ui grid">
	<div class="six wide column"></div>
	<div class="ten wide column segment ui" ref="map"></div>
	</div>
	</template>

softauthor / closebuy-2.vue

Last active March 22, 2020 02:02

	<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">

softauthor / closebuy-3.js

Created March 22, 2020 02:03

softauthor / closebuy-4.js

Created March 22, 2020 02:03

	methods: {
	locatorButtonPressed() {
	navigator.geolocation.getCurrentPosition(
	position => {
	this.lat = position.coords.latitude;
	this.lng = position.coords.longitude;
	},
	error => {
	console.log("Error getting location");
	}

softauthor / closebuy-5.js

Last active March 22, 2020 02:06

	findCloseBuyButtonPressed() {
	const URL = `https://cors-anywhere.herokuapp.com/https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=${
	this.lat
	},${this.lng}&type=${this.type}&radius=${this.radius *
	1000}&key=[YOURAPIKEY]`;
	axios
	.get(URL)
	.then(response => {
	this.places = response.data.results;
	this.addLocationsToGoogleMaps();

softauthor / closebuy-6.vue

Created March 22, 2020 02:06

	<div class="ui segment" style="max-height:500px;overflow:scroll">
	<div class="ui divided items">
	<div class="item" v-for="place in places" :key="place.id">
	<div class="content">
	<div class="header">{{place.name}}</div>
	<div class="meta">{{place.vicinity}}</div>
	</div>
	</div>
	</div>
	</div>

SoftAuthor softauthor