Search the Community
Showing results for tags 'Map'.
Found 8 results
-
I was using map function in my code but it simply do not work! I must be doing some silly mistake but I am not able to find it out. Can you Gurus help? Here is the code: <!DOCTYPE html> <html> <head> <script> getID = (x) => x.id; getText = (x) => x.value; function Click(x) { input = document.getElementsByTagName("input"); alert(Array.from(input.map((x.id == "id") ? getID : getText))); } </script> </head> <body> <input type="input" id="input1"> </input> <input type="input" id="input2"> </input> <button id="id" onclick="Click(this)"> ID </button> <button id="text" onclick="Click(this)"> Text </button> </body> </html> What I want it done is like this: When I click button "ID", list of IDs of the input field should be displayed. Likewise, when I click button "Text", it should display the list of texts which the input fields have currently. The functions getID and getText extracts the ID or text respectively when the argument is a single input field. Regards, Pravin Kumar.
-
I have been using W3 CSS references to help set up a web page and it works perfectly until I try to play with it. As soon as I try to add the extra marker it doesn't show up on the web page, but there is no indication that the script is in error. I want to add two markers to the one map so that the Church and the Presbytery are both displayed. The lat and long for the church are (-27.557692, 151.932294). The lat and lng for the presbytery are: (lat:-27.557458,lng:151.932975) This is the existing code. Can someone tell me what I have to do to make two markers appear? Thanks <!-- Google Maps --> <div id="googleMap" style="width:100%;height:420px;"></div> <script> function myMap() { myCenter=new google.maps.LatLng(-27.557692, 151.932294); var mapOptions= { center:myCenter, zoom:14, scrollwheel: false, draggable: false, mapTypeId:google.maps.MapTypeId.ROADMAP }; var map=new google.maps.Map(document.getElementById("googleMap"),mapOptions); var marker = new google.maps.Marker({ position: myCenter, }); marker.setMap(map); } </script> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCSg2YnESq0U3ncI0oZ8A_9SQSc1Sd4Edo&callback=myMap"></script> <!-- To use this code on your website, get a free API key from Google.
-
Hello Everyone I don't have a specific html Problem, but more a question how I could achieve something I'm trying to do. I'm neiter sure if this is the right forum. I'm sorry if not. So here is my idea. I have this map and my idea is to make it interactive. When I click on a textfield ond the image a new window opens, where I can add text. (to describe the the country that I have clicked) What I had in mind is to make it as a startpage on a wiki and when I click on the text area the related Wiki-entry opens. After it would be the idea to make it a collaborative tool for students, that they can collect together important information about a country or an other topic. What I'm asking is more about the tool and less about the example. It could be used also with other maps. The example helps to understand, what I want to do. So what would be the best idea to create this first page with the whole map. I had the idea to set the map as background of a table (with CSS) and to put in the text in the table boxes and then link the text to the related wiki-entry. (Or create a link and a new wiki-entry if there is none.) (On the map image itself there will be no text, not as shown in the example) Is there a better or easier way to make it? Thanks for your ideas.
-
Hello All, I am stuck trying to filter results of a json response. I have a sample json response: [ { "id":0, "commentText":"Test", "createdBy":"User1", "isImportant":false }, { "id":1, "commentText":"Hello World", "createdBy":"User2", "isImportant":true }, { "id":2, "commentText":"Testing", "createdBy":"User2", "isImportant":false }, { "id":3, "commentText":"This is another one", "createdBy":"User2", "isImportant":true }, { "id":4, "commentText":"Hello World!", "createdBy":"User2", "isImportant":true } ] I am attempting to filter out results that "isImportant" are not true. I have tried multiple ways of doing it with no luck. IE. var response = $(jsonSample).filter(function (i,n){ return n.isImportant===true }); var response2 = $.grep(Object(jsonSample), function(j){ return j.isImportant !== false; }); var response3 = $.map(jsonSample, function (n,i){ $.each(n, function(j){ return n.isImportant !== false; }) }); console.log(response); //jquery-2.2.4.min.js:2 Uncaught Error: Syntax error, unrecognized expression: ... console.log(response2); //logs every individual character in the jsonSample ["[", "{", """, "i", "d", """, ":", "1", ... console.log(response3); //jquery-2.2.4.min.js:2 Uncaught TypeError: Cannot use 'in' operator to search for 'length' in ...
-
Hello all, I'm code php concern with google map api, run it don't alert error, still marker and display infowindows but map don't display, I need hear some advice or guide to solve it problem. thank for helpP/s: Sorry that my ability of English is not good
-
my friends i want too desing google map with The following conditions giv the Coordinate and show this where in the map you can download my map and help me mymap.htmlstyle.css
-
How can I create an interactive chart like this: http://se.deltasd.bc.ca/vision/ while using HTML5?
-
Does anyone know how or what code to use to make a interactive map that has certain regions pop up? Thanks!
