Embed Google Map code in HTML with marker

Question

I have several places with their latitude and longitude  I want to display them in google map  Thats ok  what i can t is to display the marker at the specific lat long position   e g  if i ve the following code  is it possible just to place an option to display the market as well because all the lat long coord are comming from a database and echoed with php   lt iframe width  425  height  350  frameborder  0  scrolling  no           marginheight  0  marginwidth  0           src  http   maps google mu  ie UTF8 amp amp ll -20 234496 57 603722 amp amp spn 0 093419 0 169086 amp amp t m amp amp z 13 amp amp          output embed  gt  lt  iframe gt           lt br   gt           lt small gt  lt a href  http   maps google mu  ie UTF8 amp amp ll -20 234496 57 603722                    amp amp spn 0 093419 0 169086 amp amp t m amp amp z 13 amp amp source embed                 style  color  0000FF text-align left  gt View Larger Map                 lt  a gt           lt  small gt

User · Answer

no javascript or third party  tools  necessary  use this    lt iframe src  https   www google com maps embed v1 place key  lt YOUR API KEY gt  amp q 71 0378379 -110 05995059999998  gt  lt  iframe gt    the place parameter provides the marker  there are a few options for the format of the  q  parameter  make sure you have Google Maps Embed API and Static Maps API enabled in your APIs  or google will block the request  for more information check here

User · Answer

I would suggest this way  one line iframe  no javascript needed at all  In query  q       x000D   x000D   lt iframe src  http   maps google com maps q 12 927923 77 627108 amp z 15 amp output embed  gt  lt  iframe gt  x000D   x000D   x000D

User · Answer

USE this   Don t forget to get a google api key from  https   console developers google com apis credentials  and replace it       lt div id  map  style  width 100  height 400px   gt  lt  div gt    lt script gt  function myMap      var map   new google maps Map document getElementById  map    mapOptions     var myCenter   new google maps LatLng 38 224905  48 252143     var mapCanvas   document getElementById  map      var mapOptions    center  myCenter  zoom  16     var map   new google maps Map mapCanvas  mapOptions     var marker   new google maps Marker  position myCenter      marker setMap map      lt  script gt    lt script src  https   maps googleapis com maps api js key YOUR API KEY amp callback myMap  gt  lt  script gt

User · Answer

The  element that you posted looks like it s just copy-pasted from the Google Maps embed feature   If you d like to drop markers for the locations that you have  you ll need to write some JavaScript to do so   I m learning how to do this as well   Check out the following  https   developers google com maps documentation javascript overlays  It has several examples and code samples that can be easily re-used and adapted to fit your current problem

User · Answer

Learning Google s JavaScript library is a good option  If you don t feel like getting into coding you might find Maps Engine Lite useful   It is a tool recently published by Google where you can create your personal maps  create markers  draw geometries and adapt the colors and styles    Here is an useful tutorial I found  Quick Tip  Embedding New Google Maps

[html] Embed Google Map code in HTML with marker

Examples related to html

Examples related to google-maps