AutoGineer
Generated banner for Interactive Map
Generated logo for Interactive Map

Interactive Map

Google AI EdgeOfficialPublished by Google AI Edge

  • Skill
  • Tool integration
  • Automation and integrations
  • Apache-2.0
  • No issues found
Download ZIP

From the author

Show an interactive map view for the given location.
— the description by Google AI Edge

AutoGineer summary

Written by AutoGineer from the skill’s own files, not by the author

The interactive-map skill provides a straightforward way to visualize geographic locations by rendering an interactive map interface. It leverages a JavaScript-based execution tool to generate the map view based on user-provided location data.

What it does

  • Renders an interactive map for a specific location
  • Integrates with JavaScript execution to display geographic data
  • Translates natural language location requests into map visualizations

When to use it

  • When you need to visualize a specific address or landmark
  • When you want to provide spatial context for a location mentioned in a conversation

Advantages

  • Simple and direct implementation
  • Provides immediate visual feedback for location-based queries

Usage examples

“Show Eiffel Tower on interactive map”
The agent renders an interactive map centered on the Eiffel Tower.
“Find Tokyo on interactive map”
The agent displays an interactive map view of Tokyo.

Install

  1. Download the skill as a ZIP:

    https://autogineer.com/agent-skills/google-ai-edge/interactive-map/download

  2. Unzip it into the cross-client skills folder of your project:

    mkdir -p .agents/skills && unzip interactive-map.zip -d .agents/skills

Documentation by Google AI Edge

Interactive map

Examples

  • "Show [a place] on interactive map"

  • "Find [a place] on interactive map"

Instructions

Call the run_js tool with the following exact parameters:

  • data: A JSON string with the following field

    • location: The location to show on the map.

Files

scripts/index.html

<!--
@license
Copyright 2026 Google LLC

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
==============================================================================
-->

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Interactive map</title>
  </head>
  <body>
    <script>
      window['ai_edge_gallery_get_result'] = async (data) => {
        try {
          const jsonData = JSON.parse(data);
          const location = jsonData.location;
          const encodedLocation = encodeURIComponent(location);
          return JSON.stringify({
            webview: {
              iframe: true,
              url: `https://maps.google.com/maps?q=${encodedLocation}&output=embed`,
            },
          });
        } catch (e) {
          console.error(e);
          return JSON.stringify({error: `Failed to query location on map: ${e.message}`});
        }
      };
    </script>

  </body>
</html>

Requirements and compatibility

Written for: Google AI Edge Gallery

Works with: Claude Code, Claude apps, OpenAI Codex, GitHub Copilot, Cursor, Gemini CLI, Kiro, OpenCode, Goose, Amp, Roo Code, JetBrains Junie, Factory Droid, Devin (ex-Windsurf), Mistral Vibe, OpenHands, Letta

“Works with” means the tool reads the open Agent Skills format; a skill written for one tool may use features others lack.

Security

No issues found by our static scan· No issues found

A static scan is not a guarantee. Skills are third-party content: review a skill before you let an agent use it.

Attribution and licence

Published by
Google AI Edge
Publisher
Google AI Edge (Official)
Source
google-ai-edge/gallery · skills/built-in/interactive-map · commit 3972f06
Licence
Apache License 2.0 (redistribution allowed)
  • LICENSE (added by AutoGineer from LICENSE)
  • ATTRIBUTION.md (written by AutoGineer)
Synced

AutoGineer is not affiliated with or endorsed by Google AI Edge or Google AI Edge.

Download ZIP

The ZIP holds the skill’s files, its licence files and an ATTRIBUTION.md. Download interactive-map.zip