Tartalom
A Google Maps 3.0 API testreszabhatja a Google térképet, hogy megfeleljen webhelye közönségének speciális igényeinek. A személyre szabás egyik módja egy olyan kör beillesztése, amely megmutatja a távolság sugarát egy adott hely körül. Megmutathatja például az öt kilométeres sugarat egy turisztikai helyszín körül, hogy a látogatók láthassák a közeli szállodákat és éttermeket. Ha távolságot szeretne létrehozni egy hely vagy pont körül, használja a Google Maps „Kör” osztályát.
1. lépés
Nyissa meg a HTML fájlt, és lépjen a Google térkép kódot tartalmazó szakaszhoz.
2. lépés
Görgesse lefelé a kódot, amíg meg nem találja azt, amely meghatározza a marker helyét. A könyvjelző megkereséséhez keresse meg a HTML fájlban a "google.maps.Marker" kifejezést.
3. lépés
A jelölő meghatározása alatt hozza létre a „Kör” réteget, és csatolja hozzá. Írja be például:
var circleExample = new google.maps.Circle ({térkép: térkép
4. lépés
Adja hozzá a jelölő körüli kör sugarát méterben:
var circleExample = new google.maps.Circle ({térkép: térkép sugara: 5000
5. lépés
Hozzon létre kitöltő színt a körhöz. Határozza meg a színt hexadecimális formátumban. Írja be például:
var circleExample = új google.maps.Circle ({térkép: térkép sugara: 5000 fillColor = #FFFFFF});
6. lépés
Társítsa vagy adja hozzá a kört a jelölőhöz:
var circleExample = új google.maps.Circle ({térkép: térkép sugara: 5000 fillColor = #FFFFFF}); körExample.bindTo (’térkép’, jelölő);
7. lépés
Mentse el a térképet, és tesztelje. A Google Maps fehér kört mutat 5000 méter sugarú körben a jelölő körül.