Embed Dynamic numbers in embedded google map Need Urgent Help

Embed Dynamic numbers in embedded google map Need Urgent Help
0.0 0

#1

Hi,

This is my page link:- http://almdesign-dev.in/tracklcl/
Tracking Code:- JJI.1
I want that the below number of latitude and longitude of map should show in embedded google map
and the below numbers are displaying form this link:- http://120.138.9.121:8888/psp/GetLRStatuslocation?p=JJI.1

Thanks in Advance


#2

First of all I think you should use Google Maps API instead of placing a map in iframe


#3

I am new in this it will be more help full if you guide me how to do it
Thanks


#4

So you want to dynamically display a location based on some lattitude and longitude or IP address? Because I don’t quite understand what your goal is…


#5

My page displays google cordinates(22.079,82.139) as results, I would like to display the output as google map instead (as it appears here, http://maps.google.com/?q=22.079,82.139)

also you can refer my code

JavaScript

<script>
function changeChannel(){
  document.getElementById("twitchFrame").src = "http://120.138.9.121:8888/psp/GetLRStatusWebLink?p=" +document.getElementById("channel").value;
}
function changeloca(){
  document.getElementById("Mapframe").src = "http://120.138.9.121:8888/psp/GetLRStatuslocation?p=" +document.getElementById("channel").value;
}
</script> 

HTML

Track Your Consignment:
<input type="text" id="channel"></input>
<button type="button" onClick="changeChannel(); changeloca();">Submit</button><br><br>
<iframe
    id="twitchFrame"
    src="about:blank"
    height="500"
    width="650"
    frameborder="0"
    scrolling="no"
    allowfullscreen="true">
</iframe><br>

<iframe
    id="Mapframe"
    src="about:blank"
    height="100"
    width="650"
    frameborder="0"
    scrolling="no"
    allowfullscreen="true">
</iframe>

Thanks


#6
  1. Set up your account at https://developers.google.com/
  2. Get your API key for Google Maps API
  3. Display your map and write a function that takes your coordinates as an input
  4. You’re done: :slight_smile:
    I set up an example for you here:
    https://codepen.io/przemoo83/pen/mmoBYV

#7

Thanks for your help

However i am looking at pulling google map coordinates from web page (DOM) and display as a map through google map api


#8

That’s exactly what you can do with the function I gave you :slight_smile:
Just get the coordinates from DOM and pass to the map.placeMarkers() function.


#9

How Can i Fetch Content from page it will be change according tracking code


#10

I can share my file to look into if you need


#11

First of all is there any other way to fetch these coordinates apart from an iframe? Because you cannot access contents of an iframe if it is fetched from different domains than yours


#12

This is the link to fetch the tracking code (This will keep changing).
http://120.138.9.121:8888/psp/GetLRStatuslocation?p=JJI.1

Yes it Is on a different domain, Is it possible fetch the coordinates from this page?
Once I have pulled the coordinates i would like to display it just like your example


#13

The problem with iframe is that when you fetch it from another domain security rules won’t let you to access it with javascript. I think I’ve seen a workaround using PHP and file_get_contents() but I’m not sure if it’s 100% valid solution. Maybe you can find an API that returns JSON or XML instead of IFRAME?