Sending a customised Google Maps itinerary – as-is – to Android phone

I’d like to have a customised route available on my phone for turn-by-turn navigation. BY customised I mean an A-to-B-to-C-to… itinerary that has been dragged at various points along the route, starting from the originally computed itinerary. Detour points added by dragging are represented by large white dots:

enter image description here

Unfortunately, as it stands now, Google Maps does not allow sending this to the phone without removing all detour points defined by dragging:

enter image description here

One workaround is to redefine each detour point not by dragging but by adding its specific location (address, or lat/long), in which case the custom itinerary can be sent to the phone as-is. This has to be within the limit of no more than 10 named detour points, but then again the same limit also applies to dragged detour points, before the message “Route cannot be modified further” comes on.

The problem is that, for long tours, while you’re on the road, if you accidentally do an extra back tap on your phone, the entire itinerary is lost, and the only way to get it back is to use the “send to phone” command on an online computer, which may not be available.

Any solutions based on Google My Maps don’t seem good, as they all lack turn-by-turn navigation. Even more advanced options such as saving the tour as a GPX are out of the question if you’re going to navigate with Google Maps Android, as it does not do GPX.

Is there any way (even hacky) to retrieve the custom itinerary directly from the phone, without the need to send it from the computer?

riemannian geometry – Reference on area-constrained harmonic maps?

I would appreciate a reference that discusses (at least some of) what is known regarding the existence of constrained harmonic maps from one space into another. More specifically, I am interested in results involving harmonic maps which satisfy some constraint on the surface area of the target.

Does anyone happen to know of such a reference?

ct.category theory – Examples of connection preserving maps in differential geometry

In synthetic differential geometry and tangent categories, linear connections on the tangent bundle are treated as a sort of algebraic gadgets that incorporate the tangent bundle. Like any other algebraic gadget, it seems natural to consider morphisms $f:M to N$ that preserve a chosen linear connection $(M, nabla), (N, nabla’)$. I’ve tried searching through the differential geometry literature, and connection-preserving morphisms doesn’t seem to be discussed very much (except the case where an isometry between Riemannian manifolds induces a connection-preserving morphism between their Levi-Civita connections).

Have connection-preserving maps been considered by differential geometers, and if so, can someone point me in that direction?

general topology – Degree of a function maps $Omega subset mathbb{R}^n to mathbb{R}^m$ for $n

I am doing self-reading on some degree theory using “Topological Degree Theory and Applications” by Donal O‚ÄôRegan, Yeol Je Cho, and Yu-Qing Chen; I am totally new to this field and not quite familiar with the notion. We first define the degree of a $C^1$ map as follows:

enter image description here

where the $J_f := det Df$. I am stuck on this basic theorem:

enter image description here

I do not see how a direct computation works in this case. Could anyone help me with this? Thanks!

Google Maps – React-TypeScript: The property & # 39; geo & # 39; is missing in type & # 39; {} & # 39;, but is required in type & # 39; IMapProps

I practice React-Typescript. I retrieved the data from the json placeholder API in my React app. From this API, I want to use lat and lng of the geo location and pass it to the My Map component. I used google-map-react in my map component. I successfully displayed the map. In my map component I created an interface prop that looks like this:

export interface IMapProps {
  geo: {
    lat: number;
    lng: number;

If I did Geo as optional geo?: The map was displayed, but when geo was required, the following error message appeared: Property 'geo' is missing in type '{}' but required in type 'IMapProps. Also, I don't know how to use the props in TypeScript.

This is my parent component, where I got the data and planned to pass the map component.

import React, { useEffect, useState } from 'react';
import Map from './Map'
export interface Data {
  id: number;
  name: string;
  username: string;
  email: string;
  address: {
    street: string;
    suite: string;
    city: string;
    zipcode: number;
    geo: {
      lat: number;
      lng: number;
  phone: number;
  website: string;
  company: {
    name: string;
    catchPhrase: string;
    bs: string;

const Parent = () => {
  const (state, setState) = useState(())
  useEffect(() => {
  }, ())
  const getData = async () => {
    const response = await fetch("");
    const data = await response.json();

  return (
{ => )} //IN HERE I am passing the props to the Map component. But after that I don't know how to use to porps in TypeScript
) } export default Parent

This is my card component where I want to use my props.

import React, { useState } from 'react';
import GoogleMapReact from 'google-map-react';
import Marker from './Marker'
export interface IMapProps {
  geo: {
    lat: number;
    lng: number;

const Maps = ({ geo }: IMapProps) => {

  const (state, setstate) = useState(
      center: {
        lat: 60.1098678,
        lng: 24.7385084
      zoom: 7

  return (

); }; export default Maps;

Diagram – How can I create image maps with good visibility as a map and for the regions?

I have to present a number of things in an overview / diagram form and then individually in detail. Each object is represented in the diagram by a photo symbol.

I am concerned that the canvas is not recognized as a map and that it is not apparent that every symbol is clickable.

I'm not sure what to do if I try to use some kind of border, outline or 3D accent.

Driving – Mark a specific street / railway line in Google Maps without specifying the source and destination

Although this is not Google Maps, this can be achieved on Open Street Maps – e.g. (It's a long way, so loading may take some time.)

You can either do this by searching for the street name directly in the search bar. However, it is probably easier to right-click a section of the road. Click Query Features, and then click the name of the street you just clicked on. Then scroll down to the "Part of" section. If you click one of these options, the entire route is highlighted.

It depends on someone creating the relationship in Open Street Map. The more important a road is, the more likely it is that it is there.

Google My Maps – How do I remove labels, ads, etc.?

With the Google My Maps function you can create your own maps for sharing. Unfortunately, it has a lot of noisy labels that make the cards difficult to read.

Is there any way to disable the labels before sending the link? Or afterwards?

Here is my card and it appears that the burger option is not available

Dynamic maps with Vue.js.

I am learning web programming with Vue and Dango. I have to place some images on cards according to a database query that is located in Django and works with Axios. This part already works, but I mount the images using calculated methods. The idea is maybe to be able to replace these methods with a v-for that does this automatically and that can set the last 4 or 6, but I'm not sure how it can be that I'm just learning some Javascript
Thanks in advance

Images displayed in the browser