https://github.com/maiyaporn/summernote-map-plugin

Google Maps Plugin for Summernote
https://github.com/maiyaporn/summernote-map-plugin

Last synced: about 1 month ago
JSON representation

Google Maps Plugin for Summernote

• Host: GitHub
• URL: https://github.com/maiyaporn/summernote-map-plugin
• Owner: maiyaporn
• Created: 2016-06-07T04:55:53.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2016-07-08T03:10:06.000Z (over 8 years ago)
• Last Synced: 2024-05-14T08:01:48.884Z (7 months ago)
• Language: JavaScript
• Homepage: http://maiyaporn.github.io/summernote-map-plugin/
• Size: 19.5 KB
• Stars: 11
• Watchers: 3
• Forks: 6
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-summernote - summernote-map-plugin

README

        
# summernote-map-plugin

This is a plugin for adding map to [Summernote WYSIWYG] editor. It allows users to search for places with autocomplete (Google Places API) and add an embed map of the selected place to editor.

## Demo

Summernote-map-plugin

## Installation

Include a plugin script along with Summernote

    

    

    

    

    

    

    

    

    

    

    

Note:

  If google maps api is not already in your application, the plugin will load the script automatically with your apiKey.

## Configuration

To enable map button in toolbar, you need to add 'map' in toolbar options when initialize summernote. Also, you can provide your apiKey along with other config for the map.

    

      $('#summernote').summernote({

        map: {

            apiKey: 'GOOGLE_MAP_API_BROWSER_KEY',

            // This will be used when map is initialized in the dialog.

            center: {

              lat: -33.8688,

              lng: 151.2195

            },

            zoom: 13

        },

        toolbar: [

            ['insert',  'map']]

        ]

      });