Skip to content

Instantly share code, notes, and snippets.

View barikoi's full-sized avatar

Barikoi barikoi

View GitHub Profile
@barikoi
barikoi / preview.html
Last active March 18, 2019 08:10
input field for autocomplete
<div>
<input type=”text” class=” bksearch”>
<div class=”bklist”>
</div>
</div>
@barikoi
barikoi / preview.js
Last active March 18, 2019 08:37
onSelect method
Bkoi.onSelect(function () {
var selectedData = Bkoi.getSelectedData()
})
@barikoi
barikoi / mapview.js
Created March 18, 2019 08:40
Initializing map and marker
const defaultMarker = [23.7104, 90.40744]
let map = L.map('map')
map.setView(defaultMarker, 13)
//Set up the OSM layer
L.tileLayer(
'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
maxZoom: 18
}).addTo(map)
L.marker(defaultMarker).addTo(map)
Bkoi.onSelect(function() {
@barikoi
barikoi / autocomplete-full-demo.html
Last active May 21, 2020 07:03
autocomplete-full-demo
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Barikoi Autocomplete</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/barikoi/barikoi-js@b6f6295467c19177a7d8b73ad4db136905e7cad6/dist/barikoi.min.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<body>
...
<script src="https://cdn.jsdelivr.net/gh/barikoi/barikoi-js@b6f6295467c19177a7d8b73ad4db136905e7cad6/dist/barikoi.min.js?key:YOUR_API_KEY"></script>
...
</body>
<head>
...
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/barikoi/barikoi-js@b6f6295467c19177a7d8b73ad4db136905e7cad6/dist/barikoi.min.css">
...
</head>
function initMap() {
const defaultLatLng = new google.maps.LatLng(23.7624286, 90.378406);
// Google map options
let mapOptions = {
zoom: 12,
center: defaultLatLng
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Barikoi Autocomplete</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
...
<link rel=”stylesheet” href=”https://cdn.jsdelivr.net/gh/barikoi/barikoi-js/dist/barikoi.min.css">
<script src=”https://cdn.jsdelivr.net/gh/barikoi/barikoi-js/dist/barikoi.min.js?key:YOUR_API_KEY"></script>
...
Bkoi.onSelect(function () {
// get selected data from dropdown list
let selectedData = Bkoi.getSelectedData()
// Geocode response
// {
// "Address": "Barikoi Office, House 192, Road 2 (Old Road -5), Mirpur Dohs",
// "area": "Mirpur",
// "city": "Dhaka",
// "postCode": 1216,
// "uCode": "BKOI2017",