google-maps-markers

I am porting over a flutter mobile project to flutter web and was curious which map package to use in place of: https://pub.dev/packages/google_maps_flutter I was able to get a workable solution, but it isn't pretty. Below is the implementation. If I get some time and a legit port doesn't come a long I will post an example repo. import 'dart:html'; import 'package:flutter_web/material.dart'; import 'package:lift_ai/base/screen_state.dart'; import 'package:lift_ai/feature/property_common/property_contract.dart'; import 'package:lift_ai/feature/property_common/property_presenter_impl.dart';

I don't understand whats going wrong here. directory structure: app/server.js app/public/index.html app/public/js/main.js app/public/img/car.png server.js var fs = require('fs') ,express = require('express'), app = express.createServer(); app.use(express.static(__dirname + "/public")); app.get('/', function(req, res){ fs.readFile(__dirname + '/public/index.html', 'utf8', function(err, text){ res.send(text); }); }); app.listen(8080, function(){ console.log('Server listening on %d', app.address().port); }); main.js var marker = new google.maps.Marker({ map:map, position:coords, icon: 'img/car

Is there any convenient way to compute the direct (shortest) distance between Polyline (the route generated by Google Directions) and markers that are NOT situated on that polyline? The only way I found out is to cycle through Polyline.getPath() vertices manually to calculate the shortest distance but it seems to be a bit harsh: var path = routes[0].overview_path; for (var i = 0; i < data.points.length; i++) { var latLngA = new LatLng(data.points[i].lat, data.points[i].lng); var shortest_distance = null; for (var j = 0; j < path.length; j++) { var distance = google.maps.geometry.spherical

This question already has answers here : Javascript, Change google map marker color (9 answers) Closed 4 years ago . function createMarker(latlng, item) { var marker = new google.maps.Marker({ position: latlng, map: map }); This part of the code . On the website it appears as a standard marker, it suits us all but red. How do I change it to another color? https://yadi.sk/i/ZDONpfoijAjdZ You should use icon property. For example, var marker = new google.maps.Marker({ position: latlng, map: map, icon: 'http://maps.google.com/mapfiles/ms/icons/green-dot.png' }); There are many colors available at

I have a map. I have a database of points. I want to display points from database in AsyncTask, so user can move around the map, when the points are being loaded. There's not much points (like 353 or etc), but I redraw them all when user gets closer (zoom) to the map with bigger markers. When this redraw occurs, app freezes like for a fraction of a second, but it's noticeable, so I thought AsyncTask would be the answer. However it's not working. And it's weird. I found a few questions here, but the problem there was mostly not calling the "publishProgress()" method, which is not my case. In