用谷歌地图创建 GPS 应用

4.0

12/06/2025

fr技术开发Google MapsGPS应用开发指南

Prompt

crée une application GPS en utilisant google map

Résultat Généré

import React from 'react';

class App extends React.Component {
  render() {
    return (
      <div className="App min-h-screen bg-gradient-to-b from-blue-500 to-indigo-900 text-white">
        <header className="text-center py-10">
          <h1 className="text-4xl font-bold">GPS Application</h1>
          <p className="mt-2">Find your way around with ease.</p>
        </header>
        <main className="px-4 py-8">
          <section className="bg-white p-8 rounded-lg shadow-md text-gray-800">
            <h2 className="text-2xl font-semibold mb-4">Map Integration</h2>
            <div className="aspect-w-16 aspect-h-9">
              <iframe
                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3153.835434509366!2d144.95373531531657!3d-37.8162797420211!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad642af0f11fd81%3A0xf577d94e1a7e0b0f!2sMelbourne%20VIC%2C%20Australia!5e0!3m2!1sen!2sus!4v1629831234567!5m2!1sen!2sus"
                className="w-full h-full border-0"
                allowFullScreen=""
                loading="lazy"
              ></iframe>
            </div>
          </section>
        </main>
        <footer className="text-center py-4 bg-black bg-opacity-50">
          <p>&copy; 2025 GPS Application. All rights reserved.</p>
        </footer>
      </div>
    );
  }
}

export default App;

Open Sandbox

Plus de Recommandations

Voir Tout

创建AI安卓应用

技术开发en

4.0

Create applications ai for android the name app is a aw ai.eg the app can make photo and video the ai He must be smart and ai can speak Arabic

AI应用安卓开发智能助手20/06/2025

Archive.org 电影搜索

技术开发en

4.0

make a app that find all full popular movies on https://archive.org/

电影搜索Archive.org应用开发19/06/2025

打造任务管理应用

技术开发en

4.0

create task management app like ticktick.com

任务管理应用开发TickTick18/06/2025

专业应用设计指南

技术开发en

4.0

Design a professional application that remembers all the information, which is the customer's phone number and all the tasks you have performed, with dates and alerts when the time is completed and the customer must be contacted.

应用设计任务管理客户联系17/06/2025

Mr. Fanny 应用开发指南

技术开发en

4.0

Create a professional mobile application called "Mr. Fanny" that works on both Android and iOS. The app connects customers with home service technicians (electricians, plumbers, AC technicians, etc.). It must support both Arabic and English languages. 🔹 The app should have 3 main interfaces: 1. Customer Interface: - Ability to sign up or log in. - Choose type of service needed. - Enter location/address. - Provide phone number. - Submit service request and receive confirmation notification. 2. Technician Interface: - Sign up or log in. - Fill in registration form (name, service type, area, phone number, profile photo). - View list of incoming service requests. - Update status of each request (e.g., In Progress / Completed). - Dedicated page named “My Payments” showing the commission due with a "Mark as Paid" button. 3. Admin Panel: - Admin can review technician registrations and approve/reject them. - View list of approved technicians. - Monitor all service requests (open and completed). - Track technician payments. 🔔 Notifications: - Technician gets notified when a new request arrives. - Admin gets notified when a new technician signs up. 🧾 Future Features (optional for later development): - Customer rating system for technicians. - In-app chat between customer and technician. - In-app payment for services and commissions. - Allow customers to attach images of the issue when sending requests. 🖌️ Design Requirements: - Simple, user-friendly interface. - Touch-friendly and responsive for all screen sizes. - RTL support for Arabic and LTR for English. - Modern and clean layout. I want the full application built using HTML, CSS, and JavaScript only. It should be ready to upload on platforms like AppsGeyser or run in a WebView inside a mobile app.

移动应用HTML开发多语言支持13/06/2025

定制Chrome新标签页

技术开发en

4.0

Create a Chrome Extension that fully customizes the new tab page with the following features: 1. Replace the default Google new tab page with a transparent custom design that includes: - A search bar only (without the Google logo). - Islamic prayer times for Marrakech (GMT+1), fetched via Aladhan API or similar. - A daily Quranic verse in "Quran" font with: - Audio playback option with selectable voices (top 5 reciters: Abdul Basit, Al-Afasy, Maher Al-Muaiqly, Ahmed Al-Ajmi, Faris Abbad). - Related Hadith and wisdom of the day. - Tafsir of the verse from an Islamic source (Tafsir API). - This content changes on every new tab open. 2. A fully Arabic football live fixture panel showing: - Matches currently being played, today, and tomorrow. - Includes team names, match times, and TV channels (open/encrypted). - Covers top leagues: Arab, European, Asian, Latin American, and major international tournaments. - Data can be fetched from api-football or LiveScore APIs. 3. Weather widget for Marrakech: - Shows current temperature, humidity, wind speed, and 2-day forecast. - Use OpenWeatherMap API (Arabic language, metric units). 4. A custom shortcuts section: - Grid-style favorite website icons (e.g., YouTube, Amazon, Reddit, Twitch). - Support for drag-and-drop reordering. Design requirements: - Fully responsive UI with light/dark mode support. - Arabic as the default language, with optional English. - Clean and modern layout. Target users: Arabic-speaking Chrome users who want a spiritual, informative, and useful custom new tab experience.

Chrome扩展伊斯兰文化足球赛事12/06/2025