የ Google ካርታ ወደ የእርስዎ ድረ-ገጽ እንዴት ማከል እንደሚቻል

01/05

ለጣቢያዎ የ Google ካርታዎች ኤፒአይ ቁልፍ ያግኙ

የ Google ካርታ ወደ ድር ጣቢያዎ ለማከል ምርጥ መንገድ የ Google ካርታዎች ኤ ፒ አይን መጠቀም ነው. እና Google ካርታዎችን ለመጠቀም ኤፒአይ ቁልፍ እንዲያገኙ ይመክራል.

የ Google ካርታዎች API ሒሳብን ለመጠቀም የኤፒአይ ቁልፍ እንዲጠየቁ አልተጠየቁም, ግን የእርስዎን አጠቃቀም እንዲከታተሉ እና ተጨማሪ መዳረሻ እንዲከፍል በሚያስችልዎ መንገድ በጣም ጠቃሚ ነው. Google ካርታዎች ኤፒአይ ቪ3 በአንድ ተጠቃሚ ለአንድ ሰከንድ 1 ጥያቄ ኮታ በከፍተኛ ቁጥር እስከ 25,000 ጥያቄዎች በቀን. የእርስዎ ገጾች እነዚህን ገደቦች ካጡ ተጨማሪ ለመብራት የሂሳብ አከፋፈል ማንቃት ያስፈልግዎታል.

እንዴት የ Google ካርታዎች ኤፒአይ ቁልፍን እንደሚያገኙ

1. የ Google መለያህን በመጠቀም ወደ Google ግባ.
2. ወደ Developers Console ይሂዱ
3. በዝርዝሩ ውስጥ ይሸብልሉ እና የ Google ካርታዎች ኤ ፒ አይ 3ን ያግኙ, ከዚያ ለማብራት የ "ጠፍቷል" አዝራርን ጠቅ ያድርጉ.
4. በውሎቹ ላይ ያንብቡ እና ይስማሙ.
5. ወደ የኤፒአይዎች መሥሪያ ይሂዱ እና ከግራ ምናሌ ላይ «ኤፒአይ መዳረሻ» ይምረጡ
6. በ «ቀላል ኤፒአይ ተደራሽነት» ክፍል ውስጥ «አዲስ የአገልጋይ ቁልፍን ፍጠር ...» አዝራርን ጠቅ ያድርጉ.
7. የድር አገልጋይዎ IP አድራሻ ያስገቡ. ይህ የእርስዎ ካርታዎች ጥያቄዎች ከየት እንደሚመጡበት የአይ ፒ አድራሻ ነው. የአይ ፒ አድራሻዎን የማያውቁት ከሆነ ሊያዩት ይችላሉ.
8. ጽሁፉን በ "ኤፒአይ ቁልፍ:" መስመር ላይ ይቅዱ (ይህ እኮን ያላካተተ). ይሄ ለርስዎ ካርታዎች የኤፒአይ ቁልፍዎ ነው.

02/05

አድራሻዎን ወደ መጋጠሚያዎች ይለውጡት

በድረ-ገፆችዎ ላይ Google ካርታዎችን ለመጠቀም ለቦታው የኬክሮስ እና የኬንትሮስ መስክ ሊኖርዎ ይገባል. እነዚህን ከጂፒኤስ ማግኘት ወይም እንደ እርስዎ ሊነግሩን እንደ ጂኦኮርድገር የመሳሰሉ የመስመር ላይ መሳሪያ መጠቀም ይችላሉ.

1. ወደ Geocoder.us ይሂዱ እና በፍለጋ ሳጥን ውስጥ አድራሻዎን ይተይቡ.
2. ለኬክሮስ የመጀመሪያውን ቁጥር ቀድመው (ከፊት ፊደል ውጪ) ቀድተው በጽሁፍ ፋይል ውስጥ ይለጥፉ. የዲግሪ (º) አመላካች አያስፈልግዎትም.
3. ለኬንትሮስ የመጀመሪያውን ቁጥር ቅዳ (ከፊትለፊት ያለ ፊደል በድጋሚ) ቀድተው በጽሁፍ ፋይልዎ ውስጥ ይለጥፉ.

የእርስዎ ኬክሮስ እና ኬንትሮስ እንደዚህ ያለ ነገር ይመስላል:

40.756076
-73.990838

Geocoder.us ለአሜሪካ አድራሻዎች ብቻ ነው የሚሰራው, ሌላ ድብልቅ ኮምፓኒዎችን ማግኘት ከፈለጉ በክልልዎ ውስጥ ተመሳሳይ መሳሪያ መፈለግ አለብዎት.

03/05

ወደ እርስዎ ድረ ገጽ ካርታ በማከል

በመጀመሪያ, የካርታ ስክሪፕትን ወደ መ

የርስዎ ሰነድ

ድረ-ገጽዎን ይክፈቱ እና የሚከተለውን ወደ ሰነድዎ HEAD ላይ ያክሉ.

የደመቀውን ክፍል በሁለተኛ ደረጃ ላይ የጻፏቸውን የኬክሮስ እና የኬንትሮስ ቁጥሮች ይቀይሩ.

ሁለተኛ, ለእርስዎ ገጽ የካርታውን ክፍል ያክሉ

አንዴ በሰነድዎ የ HEAD ላይ ሁሉም የስክሪፕት አባሎች ካከሉ በኋላ ካርታዎን በገጹ ላይ ማስቀመጥ ያስፈልግዎታል. ይህን ማድረግ የሚችሉት በ ID = "የካርታ-ሸራ" አይነታ ያለው የ DIV ንጥል በማከል ነው. በመለያዎ ላይ እንዲገጣጠም ከሚፈልጉት ስፋትና ቁመት ጋር ይህን መለጠፍ እንዲመርጡ እመክራለሁ:

በመጨረሻም, ስቀል እና ሞክር

የመጨረሻ ማድረግ የሚገባዎት ነገር ገጽዎን መስቀል እና ካርታዎ እንዲታይ መሞከር ነው. በገጹ ላይ የ Google ካርታ ምሳሌ እዚህ አለ. ማስታወሻ, ስለ About.com CMS የሚሰራበት መንገድ ምክንያት, ካርታውን ለመታየት አንድ አገናኝ ጠቅ ማድረግ ይኖርብዎታል. ይሄ በእርስዎ ገጽ ላይ ያለው ጉዳይ አይሆንም.

የእርስዎ ካርታ የማይታይ ከሆነ, ከ BODY ባህሪ ጋር ለመጀመር ይሞክሩ!

onload = "initialize ()" >

ካርታዎ እየጫነ መሆኑን የሚያረጋግጡ ሌሎች ነገሮች የሚከተሉትን ያካትታሉ:

• በጃን ጃቫስክሪፕትዎ ላይ የፊደል አጻጻፍን ይፈልጉ. ጃቫስክሪፕት ለጉዳዩ ትኩረት ነው
• የማጉላት እና የመካከለኛ አማራጮች እንዳሉ ያረጋግጡ.
• የእርስዎ DIV አባል በትክክለኛ መታወቂያው ገጽ ላይ መሆኑን ያረጋግጡ.
• የርስዎ DIV ክፍል ቁመት እንዳለው ያረጋግጡ.

04/05

በካርታዎ ላይ ምልክት ማድረጊያ ያክሉ

ነገር ግን ሰዎች ወደ የት መሄድ እንዳለባቸው የሚነግር ምልክት ከሌለ የእርስዎ አካባቢ ካርታ ምን ጥሩ ነው?

መደበኛ የ Google ካርታዎች ቀይ ምልክት ጠቋሚውን ከዚህ በታች ካሉት ስክሪፕት ውስጥ የ

var myLatlng = new google.maps.LatLng ( ላቲቲዩድ, ኬንትሮስ );
var marker = new google.maps.Marker ({
ቦታ: myLatlng,
ካርታ: ካርታ,
ርእስ: " የቀድሞ የቤቶች ዋና መምሪያ "
});

የደመቀውን ጽሑፍ ወደ ላቲቲዩድ እና ሎንግቲዩድ እንዲሁም ሰዎች በማዕከፊያው ላይ ሲያንዣብቡ የሚፈልጉትን ርዕስ ይለውጡ.

በሚፈልጉበት መንገድ በርካታ ምልክቶችን ወደ ገጹ ማከል ይችላሉ, አዳዲስ ተለዋዋጭዎችን ከአዲስ መጋጠሚያዎች እና ርዕሶች ጋር መጨመር ይችላሉ, ነገር ግን ሁሉንም ጠቋሚዎችን ለማሳየት ካርታው በጣም ትንሽ ከሆነ, አንባቢው ጨርስ እስካልተገለለ ድረስ አይታዩም.

var latlng 2 = new google.maps.LatLng ( 37.3316591, -122.0301778 );
var myMarker 2 = አዲሱ google.maps.Marker ({
አቀማመጥ: latlng 2 ,
ካርታ: ካርታ,
ርዕስ: « Apple Computer »
});

ከመልኪ ጋር የ Google ካርታ ምሳሌ እዚህ አለ. ማስታወሻ, ስለ About.com CMS የሚሰራበት መንገድ ምክንያት ካርታው እንዲታይ ለማድረግ አንድ አገናኝ ጠቅ ማድረግ አለብዎት. ይሄ በእርስዎ ገጽ ላይ ያለው ጉዳይ አይሆንም.

05/05

ወደ እርስዎ ገጽ ሁለተኛ (ወይም ከዚያ በላይ) ካርታ ያክሉ

የእኔን የ Google ካርታዎች ገጽን ከተመለከቱት በገጹ ላይ ከአንድ በላይ ካርታ እንዳየሁ ትመለከታለህ. ይህ በጣም ቀላል ነው. እንዴት እንደሆነ እነሆ

1. በዚህ አጋዥ ሥልጠና በደረጃ 2 ውስጥ እንደተማርነው ማሳየት የሚፈልጉትን ካርታዎች ሁሉ የኬክሮስ እና ኬንትሮስ ይውሰዱ.
2. በዚህ አጋዥ ስልጠና ደረጃ 3 ላይ እንደተማርነው የመጀመሪያውን ካርታ ያስገቡ. ካርታ ጠቋሚ እንዲኖረው ከፈለጉ በደረጃ 4 ላይ ምልክት ማድረጊያውን ያክሉ.
3. ለሁለተኛው ካርታ ወደ initialize () ስክሪፕትዎ 3 መስመሮችን መጨመር ያስፈልግዎታል:
   var latlng2 = new google.maps.LatLng ( ሁለተኛው መጋጠሚያዎች );
   var myOptions2 = {zoom: 18, center: latlng2, mapTypeId: google.maps.MapTypeId.ROADMAP};
   var map2 = new google.maps.Map (document.getElementById ("map_canvas_2"), myOptions2);
4. በአዲሱ ካርታ ላይ ምልክት ማድረጉን ከፈለጉ በሁለተኛው መጋጠሚያ እና ሁለተኛ ካርታ ላይ የሚጠቁሙ ሁለተኛ ጠቋሚውን ያክሉ:
   var myMarker2 = new google.maps.Marker ({ቦታ: latlng2 , ካርታ: map2 , ርእስ: " የአመልካች መለያዎ "});
5. ከዚያም ሁለተኛውን ይጨምሩ

   ሁለተኛውን ካርታ የሚፈልጉት. እና መታወቂያ = "map_canvas_2" መታወቂያዎን ይስጡ.

6. ገጽዎ በሚጫንበት ጊዜ ሁለት ካርታዎች ይታያሉ

ከሁለቱ የ Google ካርታዎች ጋር የአንድ ገጽ ኮድ ይኸውና: