Joe Attardi

Posted on Dec 8, 2019

React MapQuest Static Maps

#showdev #react #javascript

MapQuest has an API of sorts for generating and customizing static map images, which I was using in a site I was working on recently. I abstracted it into a React component and thought others might find it useful.

Examples here: https://joeattardi.github.io/react-mapquest-static-map/examples/MapWithCenter

Code here: https://github.com/joeattardi/react-mapquest-static-map

Top comments (3)

Robert Linder • Dec 8 '19

FWIW there are other map service providers that offer static map embeds, see maps4html.github.io/HTML-Map-Eleme...

Prof. Ms. Ricardo Leme • Nov 27 '21

repository down :(

Joe Attardi • Nov 27 '21

This post is almost two years old, things change 😂

Build AI-Powered Text-to-Flowchart Converter Using OpenAI and React Diagram Library

Phinter Atieno - Feb 13

Daily JavaScript Challenge #JS-115: Calculate Maximum Subarray Sum

DPC - Mar 2

Top 7 React Hooks you must know

Vishnu Satheesh - Feb 22

Full Stack Security Essentials: Preventing CSRF, Clickjacking, and Ensuring Content Integrity in JavaScript

Wilson Gouanet - Feb 23

UI Components for Dynamic Surveys and Forms

SurveyJS lets you build a JSON-based form management system that works with any backend. You get full control over your data, no user limits, and all the good stuff—custom question types, skip logic, integrated CSS editor, PDF export, real-time analytics, and more. Fully compatible with React, Angular, Vue.js, jQuery, or whatever JS framework you're using.
View demo

DEV Community

React MapQuest Static Maps

Top comments (3)

Create up to 10 Postgres Databases on Neon's free plan.

Read next

Build AI-Powered Text-to-Flowchart Converter Using OpenAI and React Diagram Library

Daily JavaScript Challenge #JS-115: Calculate Maximum Subarray Sum

Top 7 React Hooks you must know

Full Stack Security Essentials: Preventing CSRF, Clickjacking, and Ensuring Content Integrity in JavaScript

Okay