jQuery.gMapping

Google マップ を表示させるjQueryプラグイン

Installation

npm install --save jquery.gmapping

Usage

<script src="jquery.min.js"></script>
<script src="jquery.gmapping.min.js"></script>
<script>
  $(function() {
    $('#map').gMapping(lat, lng, options);
  });
</script> 

Options

• color.hue
  Type: string | number
  Default: ''
  マップの色相を設定

• color.saturation
  Type: number
  Default: 0
  マップの彩度を設定

• color.lightness
  Type: number
  Default: 0
  マップの輝度を設定

• marker.url
  Type: string
  Default: undefined
  マーカー画像のパス

• marker.size
  Type: [width: number, height: number]
  Default: undefined
  マーカーの大きさを設定

• marker.anchor
  Type: [x: number, y: number]
  Default: undefined
  マーカーの位置を調整

jQuery Support

• 3.0.0+
• 2.0.0+
• 1.2.3+

Browser Support

• Google Chrome
• Safari
• Firefox
• Edge
• IE 10+

License

MIT