google-maps-markers

Google Maps Javascript API v3 map displays on desktop browser but won't display on mobile browser

拈花ヽ惹草 提交于 2019-12-11 10:42:28
问题 I'm developing an app that displays a map using Google Maps Javascript API v3, and it displays the way it's supposed to on my desktop browser, but it doesn't on my mobile's browser. So, I've checked this: My Google Map javascript code displays on desktop browser but not my mobile phone browser And this: Javascript Google Maps API loading in Web Browser but not Android Browser It was everything I could find relating to my issue, but both of these had a similar problem which was that they were

setting google maps marker javascript

白昼怎懂夜的黑 提交于 2019-12-11 10:18:29
问题 I embed custom google map to my homepage (under contact) - but how to set the marker on the map and map itself on the right place? addition to html was: <script src="https://maps.googleapis.com/maps/api/js"></script> <script src="map.js"></script> and js code is: function initialize() { var mapCanvas = document.getElementById('map-canvas'); var mapOptions = { center: new google.maps.LatLng(44.5403, -78.5463), zoom: 8, mapTypeId: google.maps.MapTypeId.ROADMAP } var map = new google.maps.Map

Angular 4 Google Maps how to add description to marker

邮差的信 提交于 2019-12-11 09:28:43
问题 I am using angular 4 and angular google maps. I want to add marker with description like that: Documentation for angular maps is really poor and I couldn't find anything like that. I know how to add marker but only property it has is title but it is displayed when we move mouse over the marker. What can I do? 回答1: The solution I found is not pretty at all but you won't have to use any external api, basically you use the label property to display the text and add some extra spaces in the

How can I get a single marker to update it's position as the user moves?

久未见 提交于 2019-12-11 09:23:42
问题 I'm showing a map with a "Track my Position" button. It starts marking the user's position, but leaves a trail of markers as the user moves. How can I get a single marker to update it's position as the user moves? <script type="text/javascript"> $( document ).bind( "mobileinit", function() { $.mobile.allowCrossDomainPages = true; }); </script> <script src="../../jquery.mobile.min.js"></script> <script src="https://maps.googleapis.com/maps/api/js? key=AIzaSyCvtEfhi11SeoL1Osfo8St53JRkasYnTRw

how to: when marker is clicked - dim the map and show a big div instead of an infobox on top of the map with information

坚强是说给别人听的谎言 提交于 2019-12-11 08:33:16
问题 I have a Google Map with filterable markers and info-boxes containing simple information about each marker( when you click them ), but was wondering if this is possible: When you would click on a marker - instead of a default info-box a big div appears on top of the map with tabs which shows all the possible data I will provide about a marker via JSON ( images, links, pictures ). How would you approach about implementing this functionality? 回答1: In your loop to add markers, add something like

Accessing MySQL database to add markers on Google Maps API V3 using JavaScript

眉间皱痕 提交于 2019-12-11 08:13:24
问题 I am currently developing an Android Application that has Google Maps integrated into it. I decided to use webview and Google Maps API v3 because I want to configure the map and delete the Points of Interest from it. I also chose to use it because I want to limit the zoom and panning capabilities of the map. I have successfully done these things. Now, I want to ask anyone if it is possible to add markers to the map using the data from my MYSQL database. My database contains the following: The

How to handle click event component of custom marker in android

点点圈 提交于 2019-12-11 08:05:42
问题 I have used xml layout to make marker .In that layout there is five buttons 'A','B','C','D','E'. I follow this link.I want to show different toast message click on different button like if user click on button 'A' then message will be 'you have clicked on button A'. .How to do that? Please help. Thanks in advance. 回答1: Marker a,b; GoogleMap mMap; mMap = ((MapFragment) getFragmentManager().findFragmentById(R.id.map)) .getMap(); a= mMap.addMarker(new MarkerOptions() .position(sc) .title("A")

Map doesn't respond on mouse clicks with Google Maps API V3 and QWebView

匆匆过客 提交于 2019-12-11 08:01:20
问题 EDIT 4 All this while I was thinking that it is the markers problem, that they do not get dragged! Now I have realized, that NO mouse click works on the map when it is displayed in Qt widget . The following code, I pasted in an HTML file and opened through Firefox, this worked flawlessly! and the same doesn't respond when I click on the map on QtWidget :rolleyes: Can anyone confirm this for me or tell me what wrong I am doing? Google Maps JavaScript API Example <script type="text/javascript">

How can I open info box of specific marker automatically in Google Maps?

时光毁灭记忆、已成空白 提交于 2019-12-11 07:38:10
问题 I want to open an info box of a marker automatically by given marker's id. //Data of markers are from JSON var markers = new google.maps.Marker({ id: place.id, map: map, title:place.title, icon : 'assets/frontend/images/marker.png' }); infoWindow = new google.maps.InfoWindow(); infoWindow.open(map, markers); For example, Assuming that I want to open info box of marker that has id = 243 var marker_id = 243; 回答1: You can use google-maps-utility-library-v3 for infobox, modify your code as

How to make a marker adjust its size based on zoom level Google Maps v2

本小妞迷上赌 提交于 2019-12-11 07:08:06
问题 I'm trying to follow the behavior of Google Maps, wherein the markers of certain landmark appear small in a lower zoom level, but bigger on a higher level. I was already able to make a custom marker disappear by zoom level, now I want to make its size adjust relevant to the zoom level. Any help would be appreciated. Thanks. Android Newbie here. 回答1: In onCameraChange instead of calling setVisible , call setIcon with different BitmapDescriptor depending on zoom level. 来源: https://stackoverflow