Skip to content

Instantly share code, notes, and snippets.

@Megafry
Megafry / index.html
Created October 23, 2016 15:13
Google Map API3 with Custom infowindow and marker + markerclusterer
<!DOCTYPE HTML>
<html>
<head>
<title>GoogleMap</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<style>
@Megafry
Megafry / GoogleMapMarkers.js
Created October 8, 2016 11:43
Google Map Markers Exemple
//original code from http://jsfiddle.net/07cwyj6n/
//var icon = "https://cdn0.iconfinder.com/data/icons/social-networks-and-media-flat-icons/136/Social_Media_Socialmedia_network_share_socialnetwork_network-14-512.png";
/*
var icon = {
url: "https://cdn0.iconfinder.com/data/icons/social-networks-and-media-flat-icons/136/Social_Media_Socialmedia_network_share_socialnetwork_network-14-512.png", // url
scaledSize: new google.maps.Size(30, 30), // scaled size
origin: new google.maps.Point(0,0), // origin
anchor: new google.maps.Point(15, 15) // anchor
};
@Megafry
Megafry / _form.less
Last active September 22, 2016 19:42
bootstrap 3 easy form styling
/* juste add the class defaultForm to the form Element*/
.defaultForm {
input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]):not([type="reset"]),
textarea,
select {
display: block;
width: 100%;
.form-control;
@Megafry
Megafry / index.html
Last active September 22, 2016 19:32
Bootstrap 3 - "data-parent" exemple (minimal code)
<!--
http://stackoverflow.com/questions/19425165/bootstrap-3-accordion-button-toggle-data-parent-not-working
There is a "bug" that makes the accordion dependent on the .panel class when using the data-parent attribute. To workaround it, you can wrap each accordion group in a 'panel' div..
-->
<a data-toggle="collapse" data-parent=".accordion19" href="#collapseOne">Item #1</a>
<a data-toggle="collapse" data-parent=".accordion19" href="#collapseTwo">Item #2</a>
<a data-toggle="collapse" data-parent=".accordion19" href="#collapseThree">Item #3</a>