Update Coordinates and Zoom on Map Field

This JavaScript snippet lets you programmatically set the latitude, longitude, and zoom level of a JetFormBuilder map field on a specific form.

Specifications
Update Coordinates and Zoom on Map Field
5 January, 2026
  • Plugin
    • JetWooBuilder
  • Category
    • Forms
    • Maps & Geo
  • Programming languages
    • JavaScript
Source code

Installing Instruction

  1. Copy the provided JavaScript code snippet to your clipboard.
  2. Add the code using one of the following methods:
    1. Option A: Using a Custom Code Plugin (Recommended)
      1. Install and activate a plugin such as WPCode Lite, Code Snippets, or Simple Custom CSS and JS.
      2. Create a new JavaScript snippet.
      3. Paste only the JavaScript code, without <script> tags.
      4. Save and activate the snippet.
    2. Option B: Using a Custom Code / HTML Area
      1. Add the code in a Custom HTML widget or directly into a theme file (for example, header.php or footer.php).
      2. Keep the <script> tags when using this method.
      3. Save your changes.

Example Use Case

Use this snippet to dynamically set the position and zoom level of JetFormBuilder map fields programmatically. This is perfect for pre-filling maps based on user location, preferences, or other dynamic conditions.
Applicable scenarios:

  • Travel and tourism sites — pre-set locations based on user selections or defaults.
  • Real estate listings — show pre-defined map views for properties.
  • Event booking sites — initialize map fields with event locations or areas.
Specifications
Update Coordinates and Zoom on Map Field
5 January, 2026
  • Plugin
    • JetWooBuilder
  • Category
    • Forms
    • Maps & Geo
  • Programming languages
    • JavaScript
Source code

Let’s build together

Have your own solution?

Came up with a great solution and want to show it to the Crocoblock community?

Request a new feature

Leave a feature request through GitHub, and our developers will consider it