🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

gMapping is a simple, lightweight jQuery plugin used to embed customizable Google Maps in your web page, using Google Maps JavaScript API and without the need of API Key.

Google-Maps

Documentation

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


You May Also Like